Javascript遍曆table中的元素範例程式碼

Javascript遍曆table中的元素範例程式碼

 這篇文章主要介紹了Javascript如何遍曆table中的元素,需要的朋友可以參考下

 

 

 

例如：

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