首页 > 编程 > JavaScript > 正文

Javascript遍历table中的元素示例代码

2019-11-20 14:21:59
字体:
来源:转载
供稿:网友

例如:

<table id=tb> <tr><th> </th><th> </th><th> </th><th> </th></tr> <tr><td> </td><td> </td><td> </td><td> </td></tr> <tr><td> </td><td> </td><td> </td><td> </td></tr></table>

而在JS中如何遍历赋值呢?
程序代码

var count=0;for(i=0; i < document.getElementById("tb1").rows.length; i++){  for(j=0; j < document.getElementById("tb1").rows(i).cells.length; j++)  {    document.all.getElementById("tb1").rows(i).cells(j).innerText = count;    count++;  }}

看到另一种用dom的方式 (但是自己试没有试出来,不知是什么原因)

<table id="mylist"><tr><td>一个和尚有水喝。</td></tr><tr><td>两个和尚挑水喝。</td></tr><tr><td>三个和尚没水喝。</td></tr></table><script>var msg=””var mylist=document.getElementByIdx("mylist")for (i=0; i<mylist.childNodes.length; i++){var tr=mylist.childNodes[i];for(j=0;j<tr.childNodes[j].length; j++) {var td=tr.childNodes[j];msg+=td.innerText;}}alert(msg);</script>
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表