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>一個(gè)和尚有水喝。</td></tr> <tr><td>兩個(gè)和尚挑水喝。</td></tr> <tr><td>三個(gè)和尚沒水喝。</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)文章
基于JavaScript判斷兩個(gè)對(duì)象內(nèi)容是否相等
這篇文章主要介紹了基于JavaScript判斷兩個(gè)對(duì)象內(nèi)容是否相等,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-01-01js浮點(diǎn)數(shù)精確計(jì)算(加、減、乘、除)
本篇文章主要介紹了js浮點(diǎn)數(shù)精確計(jì)算(加、減、乘、除) 需要的朋友可以過來參考下,希望對(duì)大家有所幫助2013-12-12詳解webpack之scss和postcss-loader的配置
本篇文章主要介紹了詳解webpack之scss和postcss-loader的配置,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-01-01uniapp上傳圖片和上傳視頻的實(shí)現(xiàn)方法
這篇文章主要給大家介紹了關(guān)于uniapp上傳圖片和上傳視頻的實(shí)現(xiàn)方法,文中還介紹了上傳文件的方法,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-01-01原生JS實(shí)現(xiàn)圖片無縫滾動(dòng)方法(附帶封裝的運(yùn)動(dòng)框架)
下面小編就為大家?guī)硪黄鶭S實(shí)現(xiàn)圖片無縫滾動(dòng)方法(附帶封裝的運(yùn)動(dòng)框架)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-10-10基于JavaScript實(shí)現(xiàn)樹形下拉框
這篇文章主要為大家詳細(xì)介紹了基于JavaScript實(shí)現(xiàn)樹形下拉框的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-08-08JS對(duì)象屬性的檢測(cè)與獲取操作實(shí)例分析
這篇文章主要介紹了JS對(duì)象屬性的檢測(cè)與獲取操作,結(jié)合實(shí)例形式分析了JS針對(duì)ES5、ES6實(shí)現(xiàn)對(duì)象屬性的檢測(cè)與獲取常見操作技巧,需要的朋友可以參考下2020-03-03Firefox下提示illegal character并出現(xiàn)亂碼的原因
Firefox下提示illegal character并出現(xiàn)亂碼的問題,時(shí)間是是因?yàn)榫幋a的問題導(dǎo)致。2010-03-03