读取table内容的javascript代码

更新时间：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需再刷新一下页面才能执行]

JS产生随机数的用法小结
本文给大家分享js产生随机数的用法小结，非常不错，具有参考借鉴价值，感兴趣的朋友一起看看吧
2016-12-12
JS去掉字符串前后空格或去掉所有空格的用法
这篇文章主要介绍了JS去掉字符串前后空格或去掉所有空格的用法,需要的朋友可以参考下
2017-03-03
js contains方法实现代码
IE有许多好用的方法，后来都被其他浏览器抄袭了，比如这个contains方法。如果A元素包含B元素，则返回true，否则false。唯一不支持这个方法的是IE的死对头firefox。
2011-01-01
兼容FireFox 用javascript写的一个画图函数
兼容FireFox 用javascript写的一个画图函数...
2007-08-08
浅谈js控制li标签排序问题 js调用php函数的方法
下面小编就为大家带来一篇浅谈js控制li标签排序问题 js调用php函数的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-10-10
纯js和css完成贪吃蛇小游戏demo
这篇文章主要为大家详细介绍了纯js和css完成贪吃蛇小游戏，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-09-09
详解JavaScript按概率随机生成事件
本篇文章主要介绍了详解JavaScript按概率随机生成事件，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-08-08
javascript实现Emrips反质数枚举的示例代码
下面小编就为大家分享一篇javascript实现Emrips反质数枚举的示例代码，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2017-12-12
JavaScript实现点击出现图片并统计点击次数功能示例
这篇文章主要介绍了JavaScript实现点击出现图片并统计点击次数功能,涉及javascript事件响应及页面元素属性动态操作相关实现技巧,需要的朋友可以参考下
2018-07-07
JS实现的进制转换，浮点数相加，数字判断操作示例
这篇文章主要介绍了JS实现的进制转换，浮点数相加，数字判断操作,结合实例形式分析了JavaScript数值运算、判断相关操作技巧,需要的朋友可以参考下
2019-11-11