Javascript遍歷Html Table示例(包括內容和屬性值)
更新時間：2014年07月08日 17:39:01 投稿：whsnow
這篇文章主要介紹了Javascript如何遍歷Html Table(包括內容和屬性值),需要的朋友可以參考下
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>
相關文章
今天小編就為大家分享一篇layui表格內容溢出的解決方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要為大家詳細介紹了js實現簡單的打印表格，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-01-01
這篇文章主要給大家介紹了關于JS正則表達式實現字符串中連續(xù)在一起的字符去重的相關資料,學會正則表達式對開發(fā)者而言是個非常有用的技能,很多功能可以簡單的用一句正則來實現,需要的朋友可以參考下2023-11-11
這篇文章主要為大家詳細介紹了javascript實現跟隨鼠標移動的圖片，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
看到論壇有人問，覺得有意思，就試著寫了一下。2010-03-03
經常會遇到這樣一個情況：瀏覽器彈出對話框，提示腳本運行時間過長，詢問“停止”還是“繼續(xù)”。那究竟各個瀏覽器是如何判斷在什么時候才彈出此對話框呢？2009-04-04
目前用TypeScript的人越來越多,尤其是一些大廠,大的項目,github上面很多開源項目也都是ts語法編譯的,這篇文章主要給大家介紹了關于TypeScript學習筆記之類型窄化的相關資料,需要的朋友可以參考下2021-09-09
這篇文章主要介紹了JS中的reduce fold unfold用法，想深入了解JS的同學，一定要看下2021-05-05
這篇文章主要介紹了javascript實現圖片跟隨鼠標移動效果的方法,涉及javascript鼠標事件及頁面元素的相關操作技巧,需要的朋友可以參考下2015-05-05
js的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