您的位置:首页 > 其它

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

2013-05-28 14:35 155 查看
<table>
<tr onclick="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 onclick="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 onclick="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 onclick="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.onclick=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);
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: