编程 Javascript

Javascript遍历Html Table示例(包括内容和属性值)

Posted in Javascript onJuly 08, 2014

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>

Javascript遍历Html Table示例(包括内容和属性值)

- Author -

whsnow

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JavaScript的9个陷阱及评点分析

May 16 Javascript

js实现右下角可关闭最小化div(可用于展示推荐内容)

Jun 24 Javascript

JavaScript操纵窗口的方法小结

Jun 28 Javascript

javascript 函数及作用域总结介绍

Nov 12 Javascript

在ASP.NET中使用JavaScript脚本的方法

Nov 12 Javascript

一个jquery实现的不错的多行文字图片滚动效果

Sep 28 Javascript

浅谈Javascript中的Function与Object

Jan 26 Javascript

jQuery操作表单常用控件方法小结

Mar 23 Javascript

JavaScript中setUTCFullYear()方法的使用简介

Jun 12 Javascript

vue省市区三联动下拉选择组件的实现

Apr 28 Javascript

JS数组交集、并集、差集的示例代码

Aug 23 Javascript

vue移动端屏幕适配详解

Apr 30 Javascript

Javascript遍历table中的元素示例代码

Jul 08 #Javascript

JavaScript遍历table表格中的某行某列并打印其值

Jul 08 #Javascript

一个简单的全屏图片上下打开显示网页效果示例

Jul 08 #Javascript

JavaScript通过元素的ID和name设置样式

Jul 08 #Javascript

jquery中each方法示例和常用选择器

Jul 08 #Javascript

使用jQuery的attr方法来修改onclick值

Jul 07 #Javascript

bootstrap data与jquery .data

Jul 07 #Javascript