标签:
javascript如何便利表格中的行和单元格:
尽管现在普遍使用div布局来替代表格,这并不说明table是一无是处的,在制作表格类型的结构的时候还是使用table更为有效。在实际应用中有时候需要便利表格中的行和单元格,下面就通过实例简单介绍一下如何实现此功能。
代码如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <head> <title>便利表格-蚂蚁部落</title> <script type="text/javascript"> window.onload=function() { var mytable=document.getElementById("mytable"); var rows=mytable.rows; for(var i=0;i<rows.length;i++) { for(var y=0;y<rows[i].cells.length;y++) { alert(rows[i].cells[y].innerHTML) } } } </script> </head> <body> <table border="1" id="mytable"> <tr> <td>蚂蚁部落一</td> <td>蚂蚁部落二</td> <td>蚂蚁部落三</td> </tr> <tr> <td>蚂蚁部落四</td> <td>蚂蚁部落五</td> <td>蚂蚁部落六</td> </tr> </table> </body> </html>
以上代码可以依次弹出表格单元格中的内容,下面对代码进行简单注释:
1.window.onload=function(){},等文档加载完成之后再去执行函数中的代码。
2.var mytable=document.getElementById("mytable"),获取id属性值mytable的对象。
3.var rows=mytable.rows,获取表格中的行的集合。
4.for(var i=0;i<rows.length;i++),遍历表格的行。
5.for(var y=0;y<rows.cells.length;y++),遍历每一个单元格。
6.alert(rows.cells[y].innerHTML),弹出单元格中的内容。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=8347
更多内容可以参阅:http://www.softwhy.com/javascript/
标签:
原文地址:http://www.cnblogs.com/zhadanren/p/5079611.html