JavaScript 遍历表格 脚本示例

Web前端 码拜 6年前 (2015-02-28) 1058次浏览 0个评论

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

 


CodeBye 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权 , 转载请注明JavaScript 遍历表格 脚本示例
喜欢 (0)
[1034331897@qq.com]
分享 (0)

文章评论已关闭!