在HTML中，多个TR的ID相同，该TR绑定了onclick="detailNode();" 事...

HTML： <tr id="test_wf" class="tableEvenRow"  onclick="detailNode();">
      <td width="3%" class="bottomTab"><input name='mgmnt_flg_check_box2' type='checkbox'/></td>
      <td width="4%" class="bottomTab"><input name='snmp_flg_check_box2' type='checkbox'/></td>
      <td width="10%"  class="bottomTab">127.0.0.1</td>
      <td width="7%" class="bottomTab">aa</td>
      <td width="10%"  class="bottomTab">bb</td>
</tr>
<tr id="test_wf" class="tableEvenRow"  onclick="detailNode();">
      <td width="3%" class="bottomTab"><input name='mgmnt_flg_check_box2' type='checkbox'/></td>
      <td width="4%" class="bottomTab"><input name='snmp_flg_check_box2' type='checkbox'/></td>
      <td width="10%"  class="bottomTab">127.0.0.2</td>
      <td width="7%" class="bottomTab">cc</td>
      <td width="10%"  class="bottomTab">dd</td>
</tr>
JS：
function detailNode() {
window.open ('mgmnt_node_detail.html?    IFIPAddress="11.11.11.11"','newwindow','height=800,width=1280,left=50,toolbar=no,menubar=no,scrollbars=yes,resizable=yes,location=no,status=no'); }

在HTML中，多个TR的ID相同，该TR绑定了onclick="detailNode();" 事件，问：如何拿到当前点击的第三个TD的文本？
TR TD 的class，id，JS方法名定义不能修改！

yqj · yqj

学习学习，js的Dom快忘光了，不过楼主如果有jquery的方法操作可能会简单很多

chen010yu · chen010yu

路过进来看看

yqj · yqj

在onclick="detailNode();"事件中的detailNode()方法中添加“this”参数，onclick="detailNode(this);
js：
            <script  type="text/javascript">
            function detailNode(tr){
                     var tdNodes=tr.getElementsByTagName("td");
                     var text=tdNodes[2].innerHTML;
                     alert(text);
            }
      </script>
说明：detailNode(tr),"tr"是传入的当前点击的“TR”节点，即onclick="detailNode(this);中的“this”， var tdNodes = tr.getElementsByTagName("td")；方法获取当前“tr”节点下的所有“td”节点。
具体代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>new_file</title>
<meta name="author" content="Administrator" />
</head>
<body>
<table>
<tr id="test_wf" class="tableEvenRow" onclick="detailNode(this);">
<td width="3%" class="bottomTab">
<input name='mgmnt_flg_check_box2' type='checkbox'/>
</td>
<td width="4%" class="bottomTab">
<input name='snmp_flg_check_box2' type='checkbox'/>
</td>
<td width="10%" class="bottomTab">127.0.0.1</td>
<td width="7%" class="bottomTab">aa</td>
<td width="10%" class="bottomTab">bb</td>
</tr>
<tr id="test_wf2" class="tableEvenRow" onclick="detailNode(this);">
<td width="3%" class="bottomTab">
<input name='mgmnt_flg_check_box2' type='checkbox'/>
</td>
<td width="4%" class="bottomTab">
<input name='snmp_flg_check_box2' type='checkbox'/>
</td>
<td width="10%" class="bottomTab">127.0.0.2</td>
<td width="7%" class="bottomTab">cc</td>
<td width="10%" class="bottomTab">dd</td>
</tr>
</table>
</body>
<script type="text/javascript">
function detailNode(tr){
var tdNodes=tr.getElementsByTagName("td");
var text=tdNodes[2].innerHTML;
alert(text);
}
</script>
</html>

复制代码

希望对lz有用。

十万一千 · 十万一千

yqj 发表于 2014-7-30 14:03
在onclick="detailNode();"事件中的detailNode()方法中添加“this”参数，onclick="detailNode(this);
js： ...

谢谢！ html画面的代码都是既存的，不太方便改动，所以你给出的添加this参数我这边也不太方便用。不过还是谢谢的回复

帐号		自动登录	找回密码
密码			加入黑马

在HTML中，多个TR的ID相同，该TR绑定了onclick="detailNode();" 事...

4 个回复

回帖奖励 +5