读取table内容的javascript代码

ttx9n · 发表于 2009-12-14 02:59:21

主要用到了js的dom操作，用到了rows 集合。

<html> 
<head> 
<meta http-equiv="Content-Language" content="zh-cn"> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<title>222222 </title> 
</head> 
<body> 
<table border="1" style="border-collapse: collapse" width="45%" height="29" id="table1"> 
<tr> 
<td> <input type="checkbox" name="C1" value="ON"> </td> 
<td>脚本之家</td> 
<td>www.jb51.net</td> 
</tr> 
<tr> 
<td> <input type="checkbox" name="C2" value="ON"> </td> 
<td>百度</td> 
<td>www.baidu.com</td> 
</tr> 
<tr> 
<td> <input type="checkbox" name="C3" value="ON"> </td> 
<td>服务器软件</td> 
<td>s.jb51.net</td> 
</tr> 
</table> 
<input type="button" onclick="readArray()" value="取得表格值"> 
<script> 
//使用数组取得表格值 
function getRowText() 
{ 
var arr = new Array(); 
var count = 0; 
for(var i=0;i <table1.rows.length;i++) 
{ 
var row = table1.rows[i]; 
//取得CHECKBOX 
var objCheck = row.cells[0].getElementsByTagName("INPUT")[0]; 
//如果CHECKBOX被选中.添加到二维数组 
if(objCheck!=null && objCheck.checked) 
{ 
//arr[i]= row.innerText ; 
arr[count] = new Array(); 
for(var x=0;x <row.cells.length;x++) 
{ 
//不计单选框的单元格内容 
if(x==0) continue; 
arr[count][x-1] = row.cells[x].innerText; 
} 
count++; 
} 
} 
return arr; 
} 
//读取表格值 
function readArray() 
{ 
var arr = getRowText(); 
for(var i=0;i <arr.length;i++) 
{ 
//取得每一行的值 
for(var x= 0;x <arr[i].length;x++) 
{ 
document.write(arr[i][x]); 
} 
} 
} 
</script> 
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

定义和用法
rows 集合返回表格中所有行（TableRow 对象）的一个数组，即一个 HTMLCollection。

该集合包括 <thead>、<tfoot> 和 <tbody> 中定义的所有行。

语法
tableObject.rows[]实例
下面的例子使用了 rows 集合来显示第一行中的内容：

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

dm00ji1s · 发表于 2022-10-19 05:59:05

快更新啊，我擦

溪谷小兵 · 发表于 2023-1-3 15:10:07

建军节建军节建军节建军节

bp5jgbcnt · 发表于 2023-1-24 22:35:48

1312315458748777

fiyeid · 发表于 2023-4-27 05:57:53

逛逛看看瞧瞧

plvo189 · 发表于 2023-6-24 00:13:35

。。。。。。。。。。。。。。。

Anthonylam · 发表于 2023-11-29 22:56:28

为全额万千瓦

a75620618 · 发表于 2024-3-6 20:02:34

可以，看卡巴

thywok · 发表于 2024-5-9 23:52:35

刷屏刷屏刷屏

123456 · 发表于 2024-6-30 06:35:05

还不错啊

账号		自动登录	找回密码
密码			立即注册

[JavaScript] 读取table内容的javascript代码

相关帖子