關(guān)于js遍歷表格的實(shí)例
更新時(shí)間：2013年07月10日 11:54:54 作者：
js可以利用dom非常輕松的就可以遍歷一個(gè)表格。當(dāng)然只要是dom中有的所有對(duì)象都可以通過js來(lái)訪問和處理
復(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實(shí)現(xiàn)的斑馬線表格效果【隔行變色】
這篇文章主要介紹了JavaScript實(shí)現(xiàn)的斑馬線表格效果,通過javascript針對(duì)table表格的遍歷與運(yùn)算實(shí)現(xiàn)隔行變色功能,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2017-09-09
Javascript公共腳本庫(kù)系列(一): 彈出層腳本
本篇文章講解彈出浮動(dòng)層的javascript函數(shù), 以及函數(shù)的原理和使用注意事項(xiàng).2011-02-02
談?wù)劄槭裁茨愕?JavaScript 代碼如此冗長(zhǎng)
這篇文章主要介紹了談?wù)劄槭裁茨愕?JavaScript 代碼如此冗長(zhǎng)，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2019-01-01
識(shí)別操作系統(tǒng)是不是vista的js代碼
識(shí)別操作系統(tǒng)是不是vista的js代碼...2007-08-08
這篇文章主要介紹了新手快速入門JavaScript裝飾者模式與AOP,在不改變對(duì)象）的情況下動(dòng)態(tài)的為其添加功能,這就是裝飾者模式，下面小編帶大家來(lái)深入學(xué)習(xí)一下吧2019-06-06
JS關(guān)閉子窗口并且刷新上一個(gè)窗口的實(shí)現(xiàn)示例
這篇文章主要介紹了JS關(guān)閉子窗口并且刷新上一個(gè)窗口的實(shí)現(xiàn)示例，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-03-03
Bootstrap+jfinal退出系統(tǒng)彈出確認(rèn)框的實(shí)現(xiàn)方法
這篇文章主要為大家詳細(xì)介紹了Bootstrap+jfinal退出系統(tǒng)彈出框的實(shí)現(xiàn)方法，感興趣的小伙伴們可以參考一下2016-05-05
這篇文章介紹了JS+Canvas實(shí)現(xiàn)貪吃蛇小游戲，文中通過示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-01-01
如何解決attachEvent函數(shù)時(shí)，this指向被綁定的元素的問題？
如何解決attachEvent函數(shù)時(shí)，this指向被綁定的元素的問題？...2007-04-04
JS實(shí)現(xiàn)獲取當(dāng)前URL和來(lái)源URL的方法
這篇文章主要介紹了JS實(shí)現(xiàn)獲取當(dāng)前URL和來(lái)源URL的方法,涉及javascript針對(duì)頁(yè)面document屬性操作的相關(guān)技巧,需要的朋友可以參考下2016-08-08