Javascript遍歷table中的元素示例代碼
更新時間：2014年07月08日 17:35:35 投稿：whsnow
這篇文章主要介紹了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>
相關(guān)文章
Echo 是一個獨立的 JavaScript 懶加載圖像的工具，快速、體積?。ú蛔?k）和使用 HTML5 的 data- 屬性，通過本文給大家介紹JavaScript圖像延遲加載庫Echo.js ，感興趣的朋友一起學(xué)習(xí)吧2016-04-04
這篇文章主要為大家詳細介紹了js實現(xiàn)input密碼框顯示和隱藏功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-10-10
這篇文章主要介紹了使用JavaScript獲取電池狀態(tài)的方法,需要的朋友可以參考下2014-05-05
JavaScript中join()、splice()、slice()和split()函數(shù)用法示例
這篇文章主要介紹了JavaScript中join()、splice()、slice()和split()函數(shù)用法,結(jié)合實例形式較為詳細的分析了join()、splice()、slice()和split()函數(shù)的功能、使用方法及相關(guān)操作注意事項,需要的朋友可以參考下2018-08-08
bootstrap+jQuery 實現(xiàn)下拉菜單中復(fù)選框全選和全不選效果
這篇文章主要給大家介紹了關(guān)于利用bootstrap+jQuery 實現(xiàn)下拉菜單中復(fù)選框全選和全不選效果的相關(guān)資料，文中給出了完整的示例代碼供大家參考學(xué)習(xí)，對大家具有一定的參考學(xué)習(xí)價值，需要的朋友下面來一起看看吧。2017-06-06
IIFE 是 JavaScript 中一種重要的設(shè)計模式,適用于隔離作用域、避免全局變量污染以及一次性執(zhí)行的邏輯,這篇文章主要介紹了JavaScript中的IIFE解析,需要的朋友可以參考下2024-12-12
這篇文章主要介紹了詳解ES6中的Map與Set集合，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-03-03
詳解JavaScript中扁平與樹形數(shù)據(jù)的轉(zhuǎn)換
這篇文章主要為大家想介紹了JavaScript中實現(xiàn)扁平與樹形數(shù)據(jù)相互轉(zhuǎn)換的方法，文中的示例代碼講解詳細，對我們學(xué)習(xí)JavaScript有一定的幫助，需要的可以參考一下2023-01-01
D3.js封裝文本實現(xiàn)自動換行和旋轉(zhuǎn)平移等功能
之前小編和大家分享了SVG中如何配合使用text和tspan來實現(xiàn)換行的功能，所以這篇文章對此功能進行一下封裝，以后就可以直接用了。有需要的朋友們可以參考借鑒，下面來一起看看吧。2016-10-10
JS實現(xiàn)發(fā)送短信驗證后按鈕倒計時功能(防止刷新倒計時失效)
這篇文章主要介紹了JS實現(xiàn)發(fā)送短信驗證后按鈕倒計時功能防止刷新倒計時失效問題，在項目開發(fā)中經(jīng)常會用到此功能，下面小編通過本文給大家分享JS實現(xiàn)發(fā)送短信驗證后按鈕倒計時功能(防止刷新倒計時失效)，需要的朋友參考下吧2017-07-07