如何通过点击事件获取当前tr中指定td的值呢

如何通过点击事件获取当前tr中指定td的值呢,第1张

var trs = documentgetElementsByTagName("tr");

for(var i=0;i<trslength;i++){

trs[i]onclick=function(){

var tds=thisgetElementsByTagName("td");

consolelog("ID: "+tds[0]getElementsByTagName("a")[0]innerHTML);

consolelog("Name: "+tds[1]innerHTML);

}

}

table标签设置 id="sss"

<body onload="getTRLEN()">

<TABLE cellspacing="0" id="sss" cellpadding="0" width="100%" border="0">

<TR></TR>

<TR></TR>

</TABLE>

<body>

页面底部加入js处理:

<script type="text/javascript" language="JavaScript">

function getTRLEN() {

//documentgetElementById("sss")获得页面中id为sss的对象,即table对象

//documentgetElementById("sss")childNodes获得table对象的所有子节点,即tr节点数组

//documentgetElementById("sss")childNodeslength获得tr节点数组的长度就是你要的tr节点个数

alert(documentgetElementById("sss")childNodeslength);//alert为d出对话框,此句为d出节点数量

}

</script>

错误出在documentgetElementById(dd)

因为页面上id为2的出现了多个,而这样获取只会取到第一个,所以tr始终为相应的第1个

按照你的写法,用dd来保存tr的行数比较好,即i值。

然后通过documentalltable1rows(i)id来获取tr的id值。

1通过selenium定位方式(id、name、xpath等方式)定位table标签

#html源码<table border="5" id="table1" width="80%">#selenium *** 作代码table1=driverfind_element_by_id('table1')

2获取总行数(也就是获取tr标签的个数)

#html源码<tr><th>姓名</th><th>性别</th></tr>#selenium *** 作源码

table_rows = table1find_elements_by_tag_name('tr')

3获取总列数(也就是tr标签下面的th标签个数)

#html源码<tr><th>姓名</th><th>性别</th></tr>#selenium *** 作源码:第一个tr标签下有多少个th

table_rows = table_rows[0]find_elements_by_tag_name('th')

4获取单个cell值

#selenium *** 作源码:第一行第二列的text值row1_col2 = table_rows[1]find_elements_by_tag_name('td')[1]text

5取值比对~

你返回的data是数组吗?不是数组的话length和size都不能用。

length是js原生的方法,用于获取元素的个数或者对象的长度,从1开始

//用于获取对象的长度,从1开始

var

length

=

$("#uw3c")length;

size()是jquery中的方法,用来获取元素个数,从1开始。

var

length

=

$("#uw3c")size();

length与size()的区别:

如果要是获取字符串长度的话,那么用那个都一样。如果要是获取元素个数,那么只能用size();

参考代码如下:

<html> 

<head> 

<meta >

js中获取tr的首个td的方法如下:

比如有如下表格table:

<tr id="value_12">

<td>firstanme_1</td>

<td>lastname_1</td>

</tr>

<tr id="value_14">

<td>firstanme_2</td>

<td>lastname_2</td>

</tr>

用js获取的方法定义:

$('#table_id tr')each(function() {

var firstName = $("td", tr)[0]val();

var id = $(tr)attr('id')split("_")[1];

})

以上就是关于如何通过点击事件获取当前tr中指定td的值呢全部的内容,包括:如何通过点击事件获取当前tr中指定td的值呢、jsp怎么获取TR有多小个、js 通过td的id值 如何拿到tr的id值(动态获取)等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://www.54852.com/web/9402427.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-28
下一篇2023-04-28

发表评论

登录后才能评论

评论列表(0条)

    保存