码迷,mamicode.com
首页 > 编程语言 > 详细

javascript如何便利表格中的行和单元格

时间:2015-12-27 10:51:25      阅读:168      评论:0      收藏:0      [点我收藏+]

标签:

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/

 

javascript如何便利表格中的行和单元格

标签:

原文地址:http://www.cnblogs.com/zhadanren/p/5079611.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!