js 遍历表格用法示例
<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[i]);
}
}
}
//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://share.baidu.com/code/advance)页面的脚本,作用是自动生成配置
var objTable=document.getElementById(“toIdList”);
if(objTable)
{
var result=””;
for(var i=0;i<objTable.rows.length;i++)
{
result+=”<Item Value=\””+objTable.rows[i].cells[0].innerText+”\” Text=\””+objTable.rows[i].cells[1].innerText+”\” />\n”;
}
console.log(result); //附(javascript 中 console.log 用法)
}
输出:
<Item Value=”名称” Text=”ID” />
<Item Value=”一键分享” Text=”mshare” />
<Item Value=”QQ空间” Text=”qzone” />
<Item Value=”新浪微博” Text=”tsina” />
<Item Value=”人人网” Text=”renren” />
<Item Value=”腾讯微博” Text=”tqq” />