關(guān)于js遍歷表格的實例
更新時間：2013年07月10日 11:54:54 作者：
js可以利用dom非常輕松的就可以遍歷一個表格。當(dāng)然只要是dom中有的所有對象都可以通過js來訪問和處理
復(fù)制代碼 代碼如下:
<html>
<head><title>遍歷表格</title>
<script language="javascript">
function getData()
{
var arrData=new Array();
var objTable=document.getElementById("myTable");
if(objTable)
{
for(var i=0;i<objTable.rows.length;i++)
{
for(var j=0;j<objTable.rows[i].cells.length;j++)
{
arrData[i]=objTable.rows[i].cells[j].innerText;
}
}
}
alert(arrData.join(","));
}
</script>
</head>
<body>
<table border="1" id="myTable">
<tr><td>liu</td><td>jin</td><td>cai</td></tr>
<tr><td>liu2</td><td>jin2</td><td>cai2</td></tr>
<tr><td>liu3</td><td>jin3</td><td>cai3</td></tr>
</table>
<form>
<input type="button" value="getData" onclick="getData();" />
</form>
</body>
</html>
相關(guān)文章
JavaScript實現(xiàn)的斑馬線表格效果【隔行變色】
這篇文章主要介紹了JavaScript實現(xiàn)的斑馬線表格效果,通過javascript針對table表格的遍歷與運算實現(xiàn)隔行變色功能,非常簡單實用,需要的朋友可以參考下2017-09-09
本篇文章講解彈出浮動層的javascript函數(shù), 以及函數(shù)的原理和使用注意事項.2011-02-02
這篇文章主要介紹了談?wù)劄槭裁茨愕?JavaScript 代碼如此冗長，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-01-01
識別操作系統(tǒng)是不是vista的js代碼...2007-08-08
這篇文章主要介紹了新手快速入門JavaScript裝飾者模式與AOP,在不改變對象）的情況下動態(tài)的為其添加功能,這就是裝飾者模式，下面小編帶大家來深入學(xué)習(xí)一下吧2019-06-06
JS關(guān)閉子窗口并且刷新上一個窗口的實現(xiàn)示例
這篇文章主要介紹了JS關(guān)閉子窗口并且刷新上一個窗口的實現(xiàn)示例，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-03-03
Bootstrap+jfinal退出系統(tǒng)彈出確認(rèn)框的實現(xiàn)方法
這篇文章主要為大家詳細(xì)介紹了Bootstrap+jfinal退出系統(tǒng)彈出框的實現(xiàn)方法，感興趣的小伙伴們可以參考一下2016-05-05
這篇文章介紹了JS+Canvas實現(xiàn)貪吃蛇小游戲，文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-01-01
如何解決attachEvent函數(shù)時，this指向被綁定的元素的問題？
如何解決attachEvent函數(shù)時，this指向被綁定的元素的問題？...2007-04-04
JS實現(xiàn)獲取當(dāng)前URL和來源URL的方法
這篇文章主要介紹了JS實現(xiàn)獲取當(dāng)前URL和來源URL的方法,涉及javascript針對頁面document屬性操作的相關(guān)技巧,需要的朋友可以參考下2016-08-08