在表格tb1 中的最后一列是按钮
问题:点击某个按钮,想获取当前点击行的 个个单元格的值
解决方案 »
- jquery鼠标经过离开和点击离开事件发生冲突了
- 帮忙解释下里面的这段 jQuery代码($.each()里面添加事件)
- javacript循环显示HTML代码
- 请高手帮忙解决这个问题?
- 如何读二个下拉列表框的值?
- 新手问题,我怎么不能把onclick写入jsT_T
- meizz斑竹进来一下 谢谢
- event.srcElement.scourceInde兼容问题
- appendChild 对<iframe>操作时,参数错误,在线等!
- ~~~~~~~~~~~~~~~~~~~~本世纪初的经典打印问题~~~~~~~~~~~~~~~~~~~
- JS问题
- 求助:frame间调用函数,提示对象不支持此属性或方法
function allValue(o){
var tr=o.parentNode;
while(tr.tagName!="TR"){
tr=tr.parentNode;
} for(var i=0;i<tr.cells.length;i++){
alert(tr.cells[i].innerHTML);
}
}
{
if(temp)
{
var cells = temp.parentElement.parentElement.cells
for (var i = 0; i < cells.lenght - 1; i++)
{
alert(cells[i].innerText);
}
}}
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>test</title>
<script>
function Con(obj){
var t = obj.parentNode.parentNode.parentNode.parentNode;
if(t.id=="t1"){
var td = obj.parentNode;
var tr = obj.parentNode.parentNode;
var tds = tr.cells;
for(var i=0;i<tds.length-1;i++){
alert("第"+(i+1)+"列:"+tds[i].innerText);
}
var t2 = document.getElementById("t2");
t2.firstChild.appendChild(tr);
}
}</script>
</head><body>
table1
<table id="t1" border=1>
<tr>
<td>id</td><td>id1</td><td>执行</td>
</tr>
<tr>
<td>1</td><td>11</td><td><a href="javascript:;" onclick="Con(this)">执行</a></td>
</tr>
<tr>
<td>2</td><td>22</td><td><a href="javascript:;" onclick="Con(this)">执行</a></td>
</tr>
<tr>
<td>3</td><td>33</td><td><a href="javascript:;" onclick="Con(this)">执行</a></td>
</tr>
</table>
table2
<table id="t2" border=1>
<tr>
<td>id</td><td>id1</td><td>执行</td>
</tr>
</table>
</body></html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script>
function Con()
{
var el= event.srcElement.parentNode.parentNode.cloneNode(true);
var innerHTMl="<input type='button' value='执行' />";
el.lastChild.innerHTML=innerHTMl;
var table=document.getElementById('tb2');
var tbody=table.getElementsByTagName("tbody");
if(tbody!=null)
{
tbody[0].appendChild(el);
}
else
{
table.appendChild(el);
}
table=document.getElementById('tb1');
tbody=table.getElementsByTagName("tbody");
if(tbody!=null)
{
tbody[0].removeChild(event.srcElement.parentNode.parentNode);
}
else
{
table.removeChild(event.srcElement.parentNode.parentNode);
}
}
</script>
</HEAD> <BODY>
<table id='tb1'>
<tr>
<td>ID</td><td>Name</td><td>Sex</td><td>Age</td><td>操作</td>
</tr>
<tr>
<td>1</td><td>L</td><td>男</td><td>25</td><td><input type='button' value='执行' onclick='Con()' /></td>
</tr>
<tr>
<td>2</td><td>W</td><td>男</td><td>22</td><td><input type='button' value='执行' onclick='Con()' /></td>
</tr>
<tr>
<td>3</td><td>T</td><td>女</td><td>21</td><td><input type='button' value='执行' onclick='Con()' /></td>
</tr>
<tr>
<td>4</td><td>C</td><td>男</td><td>24</td><td><input type='button' value='执行' onclick='Con()' /></td>
</tr>
</table>
<table id='tb2'>
<tr>
<td>ID</td><td>Name</td><td>Sex</td><td>Age</td><td>操作</td>
</tr>
</table>
</BODY>
</HTML>
<script type="text/javascript">
function getCellValue(td){
var tr = td.parentNode;
var tr = tr.parentNode;
var tdinfo = "";
for(var i=0; i < tr.cells.length ; i++){
tdinfo += tr.cells[i].innerHTML + "/";
}
alert(tdinfo);
}
</script>
</head>
<body>
<table>
<tr>
<td>11111</td>
<td>22222</td>
<td>33333</td>
<td><button onclick="getCellValue(this);">获取前两列的值.</td>
</tr>
<tr>
<td>11111</td>
<td>22222</td>
<td>33333</td>
<td><button onclick="getCellValue(this);">获取前两列的值.</td>
</tr>
<tr>
<td>11111</td>
<td>22222</td>
<td>33333</td>
<td><button onclick="getCellValue(this);">获取前两列的值.</td>
</tr>
</table>
</body>