首頁 > web前端 > js教程 > 主體

Javascript遍歷table中的元素範例程式碼_javascript技巧

WBOY
發布: 2016-05-16 16:42:12
原創
1026 人瀏覽過

例如:

<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>
登入後複製
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!