javascript遍历表格-悠悠博客

javascript遍历表格

2006-9-21 10:14:43 发布:Y0uYoU

<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>

原创文章如转载，请注明：转载自悠悠博客 [ http://www.ajaxstu.com/ ]

本文链接地址：http://www.ajaxstu.com/archives/1284_B2.html

Tags: Javascript 分类: JavaScript实例评论:0 引用:0 浏览:

点击这里获取该日志的TrackBack引用地址