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

Javascript遍历table中的元素示例代码_javascript技巧_

2014-07-09 13:26:45 [小大] 已经帮助：人解决问题

例如：

<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>

（责任编辑：）