关于table 点击行获取当前行的某一个列元素

<table>
<tr οnclick="onClickIp(this)">
<td><input name="text" type="text" class="position" id="1" readonly></td>
<td><input name="text2" type="text" class="ip" id="1a" readonly></td>
<td><input name="text2" type="text" class="number" id="1b" value="1024:1024" readonly></td>
<td><input name="text2" type="text" class="yuliu" id="1c"> </td>
</tr>
<tr οnclick="onClickIp(this)">
<td><input name="text2" type="text" class="position" id="2" readonly ></td>
<td><input name="text2" type="text" class="ip" id="2a" readonly></td>
<td><input name="text2" type="text" class="number" id="1b" value="****:****" readonly></td>
<td><input name="text2" type="text" class="yuliu" id="1c"> </td>
</tr>
<tr οnclick="onClickIp(this)">
<td><input name="text2" type="text" class="position" id="3" readonly ></td>
<td><input name="text2" type="text" class="ip" id="3a" readonly></td>
<td><input name="text2" type="text" class="number" id="3b" value="****:****" readonly></td>
<td><input name="text2" type="text" class="yuliu" id="1c"> </td>
</tr>
<tr οnclick="onClickIp(this)">
<td><input name="text2" type="text" class="position" id="4"></td>
<td><input name="text2" type="text" class="ip" id="4a"></td>
<td><input name="text2" type="text" class="number" id="4b" value="****:****">
<td><input name="text2" type="text" class="yuliu" id="1c"> </td>
</td>
</tr>

</table>

function onClickIp(obj)

{//
u = id = "";
u = obj.cells[1].childNodes[0].value;
id = obj.cells[2].childNodes[0].id;
id = parseInt(id) +"b";
alert(u+"\t\n"+id);
}

使用div实现类似table的几行几列，获取当前行的代码为：

<div id="headTable">

<div>

function onLoad()

{//Dom添加div
var div=document.getElementById("headTable");
for(var i=0;i<3;i++)
{var newdiv=document.createElement('div');
var text1=document.createElement('div');
var text2=document.createElement('div');
var text3=document.createElement('div');
var text4=document.createElement('div');
newdiv.οnclick=onClickIp;
div.appendChild(newdiv);
newdiv.appendChild(text1);
newdiv.appendChild(text2);
newdiv.appendChild(text3);
newdiv.appendChild(text4);
text1.setAttribute("className","div_in_1");
text2.setAttribute("className","div_in_2");
text3.setAttribute("className","div_in_3");

text1.value=text1.innerHTML="0-1";
text2.value=text2.innerHTML="192.48.5.55";
text3.id="1b";
text3.value=text3.innerHTML="****:****";
}
}

function onClickIp()
{
var u,id;
u = id = "";
u = this.childNodes[1].value;
id = this.childNodes[2].id;
alert(u+"\t\n"+id);
}

 

 

 

转载于:https://www.cnblogs.com/songjie333/archive/2013/05/28/3103592.html