你的位置:首页 > Java教程

[Java教程]javascript如何便利表格中的行和单元格


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/