Javascript遍历Html Table示例(包括内容和属性值)
作者：whsnow 时间：2024-05-22 10:40:53
1: 遍历并输出Table中值
<table id="tb">
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
</table>
function f()
{
var t=document.getElementById("tb").childNodes.item(0);
for(var i=0;i< t.childNodes.length;i++)
{
for(var j=0;j<t.childNodes(i).childNodes.length;j++)
{
alert(t.childNodes(i).childNodes(j).innerText);
}
}
}
2: 遍历Table，读取CheckBox状态和其他Column值
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Untitled Page</title> </head> <body onload="f()">
<script type="text/javascript">
function f()
{
var t=document.getElementById("tb").childNodes.item(0);
for(var i=0;i< t.childNodes.length;i++)
{
alert(t.childNodes(i).firstChild.firstChild.nodeValue);
alert(t.childNodes(i).childNodes[1].firstChild.checked);
}
}
</script>
<table id="tb">
<tr>
<td style="width: 122px">
1234</td>
<td style="width: 89px">
<input type="checkbox" /></td>
<td style="width: 210px">
</td>
</tr>
<tr>
<td style="width: 122px; height: 21px">
2234</td>
<td style="width: 89px; height: 21px">
<input type="checkbox" checked="CHECKED" /></td>
<td style="width: 210px; height: 21px">
</td>
</tr>
<tr>
<td style="width: 122px">
3234</td>
<td style="width: 89px">
<input type="checkbox" /></td>
<td style="width: 210px">
</td>
</tr>
</table>
</body>
</html>
标签：遍历,Table
0
投稿猜你喜欢
Python流行ORM框架sqlalchemy的简单使用
2023-05-23 09:31:15
使用python的turtle函数绘制一个滑稽表情
2021-06-17 06:19:50
python各类经纬度转换的实例代码
2023-12-24 12:19:58
SQL server 自增ID--序号自动增加的字段操作
2024-01-29 03:51:55
Pycharm安装scrapy及初始化爬虫项目的完整步骤
2023-04-03 10:49:43
基于Python实现拉格朗日插值法
2022-03-18 18:52:18
真正高效的SQLSERVER分页查询(多种方案)
2024-01-28 15:50:25
Python OpenCV基于霍夫圈变换算法检测图像中的圆形
2023-11-12 05:33:36
安装SQL Server 2008时 总是不断要求重启电脑的解决办法
2024-01-13 10:29:37
go语言 全局变量和局部变量实例
2024-04-26 17:18:56
sql 分组查询问题
2024-01-21 05:50:00
python email smtplib模块发送邮件代码实例
2022-05-15 16:37:03
用ASP设计购物车
2008-04-17 13:52:00
python实现人脸签到系统
2023-12-21 06:35:05
超酷的js图片轮播渐变效果
2007-10-10 20:45:00
python中强制关闭线程与协程与进程方法
2023-05-11 10:24:48
vue axios二次封装的详细解析
2024-01-18 01:43:44
antd table按表格里的日期去排序操作
2024-04-28 10:55:56
perl批量查询ip归属地的方法代码
2023-08-11 22:53:54
SqlServer开发神器'SQLPrompt'插件的使用详解
2024-01-23 23:48:55
