Javascript遍历table中的元素示例代码
时间：2022-05-17 09:25:49|栏目：JavaScript代码|点击： 次
例如：
<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>
栏 目：JavaScript代码
下一篇：JavaScript组合继承详解
本文标题：Javascript遍历table中的元素示例代码
本文地址：http://www.codeinn.net/misctech/202107.html
