Javascript遍歷Html Table示例(包括內(nèi)容和屬性值)
更新時間:2014年07月08日 17:39:01 投稿:whsnow
這篇文章主要介紹了Javascript如何遍歷Html Table(包括內(nèi)容和屬性值),需要的朋友可以參考下
1: 遍歷并輸出Table中值
<table id="tb"> <tr> <td></td> </tr> <tr> <td></td> </tr> </table> function f() { var t=document.getElementById("tb").childNodes.item(0); for(var i=0;i< t.childNodes.length;i++) { for(var j=0;j<t.childNodes(i).childNodes.length;j++) { alert(t.childNodes(i).childNodes(j).innerText); } } }
2: 遍歷Table,讀取CheckBox狀態(tài)和其他Column值
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Untitled Page</title> </head> <body onload="f()"> <script type="text/javascript"> function f() { var t=document.getElementById("tb").childNodes.item(0); for(var i=0;i< t.childNodes.length;i++) { alert(t.childNodes(i).firstChild.firstChild.nodeValue); alert(t.childNodes(i).childNodes[1].firstChild.checked); } } </script> <table id="tb"> <tr> <td style="width: 122px"> 1234</td> <td style="width: 89px"> <input type="checkbox" /></td> <td style="width: 210px"> </td> </tr> <tr> <td style="width: 122px; height: 21px"> 2234</td> <td style="width: 89px; height: 21px"> <input type="checkbox" checked="CHECKED" /></td> <td style="width: 210px; height: 21px"> </td> </tr> <tr> <td style="width: 122px"> 3234</td> <td style="width: 89px"> <input type="checkbox" /></td> <td style="width: 210px"> </td> </tr> </table> </body> </html>
相關(guān)文章
JS正則表達式實現(xiàn)字符串中連續(xù)在一起的字符去重
這篇文章主要給大家介紹了關(guān)于JS正則表達式實現(xiàn)字符串中連續(xù)在一起的字符去重的相關(guān)資料,學(xué)會正則表達式對開發(fā)者而言是個非常有用的技能,很多功能可以簡單的用一句正則來實現(xiàn),需要的朋友可以參考下2023-11-11javascript實現(xiàn)跟隨鼠標(biāo)移動的圖片
這篇文章主要為大家詳細介紹了javascript實現(xiàn)跟隨鼠標(biāo)移動的圖片,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2021-09-09js 按照指定間隔 向字符串中插入隨機字符串的實現(xiàn)代碼
看到論壇有人問,覺得有意思,就試著寫了一下。2010-03-03javascript實現(xiàn)圖片跟隨鼠標(biāo)移動效果的方法
這篇文章主要介紹了javascript實現(xiàn)圖片跟隨鼠標(biāo)移動效果的方法,涉及javascript鼠標(biāo)事件及頁面元素的相關(guān)操作技巧,需要的朋友可以參考下2015-05-05js的for in循環(huán)和java里foreach循環(huán)的區(qū)別分析
這篇文章主要介紹了js的for in循環(huán)和java里foreach循環(huán)的區(qū)別,實例分析了js的for in循環(huán)使用技巧并說明了與Java中foreach循環(huán)的使用區(qū)別,具有一定參考借鑒價值,需要的朋友可以參考下2015-01-01