JS访问表格的每行的每个TD的方法
2009-04-16 15:28
435 查看
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>网页特效|Linkweb.cn/Js|---访问表格的每个TD</title>
</head>
<script>
function showText(){
var oTbody=table1.children.item(0);
for(var i=0;i<oTbody.children.length;i++)
{
var oTR=oTbody.children.item(i);
for(var j=0;j<oTR.children.length;j++)
text1.value+="第"+(i+1)+"行;"+"第"+(j+1)+"列的内容是:"+oTR.children.item(j).innerHTML+"\n";
}
}
</script>
<body>
<table border="1" id="table1">
<tr>
<td>safssd</td>
<td>asfdasdf</td>
<td>asfasdfsafsad</td>
</tr>
<tr>
<td>asdfafsda</td>
<td>sdfasfasdsadf</td>
<td>sdfasdfasdfasfd</td>
</tr>
</table>
<button onclick="showText()">showText</button>
<textarea id="text1" rows="10" cols="100"></textarea>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>网页特效|Linkweb.cn/Js|---访问表格的每个TD</title>
</head>
<script>
function showText(){
var oTbody=table1.children.item(0);
for(var i=0;i<oTbody.children.length;i++)
{
var oTR=oTbody.children.item(i);
for(var j=0;j<oTR.children.length;j++)
text1.value+="第"+(i+1)+"行;"+"第"+(j+1)+"列的内容是:"+oTR.children.item(j).innerHTML+"\n";
}
}
</script>
<body>
<table border="1" id="table1">
<tr>
<td>safssd</td>
<td>asfdasdf</td>
<td>asfasdfsafsad</td>
</tr>
<tr>
<td>asdfafsda</td>
<td>sdfasfasdsadf</td>
<td>sdfasdfasdfasfd</td>
</tr>
</table>
<button onclick="showText()">showText</button>
<textarea id="text1" rows="10" cols="100"></textarea>
</body>
</html>
相关文章推荐
- js将table的每个td的内容自动赋值给其title属性的方法
- js生成动态表格并为每个单元格添加单击事件的方法
- 原生js封装table表格操作,获取任意行列td,任意单行单列方法
- JS生成动态表格并为每个单元格添加单击事件的方法
- 访问表格的每个TD
- js动态修改表格行colspan列跨度的方法
- JS实现控制表格只显示行边框或者只显示列边框的方法
- JS动态修改表格cellPadding和cellSpacing的方法
- js动态往表格的td中添加图片
- 由于设计页面需要,要把两个并排显示的 div 实现一样高的效果, n 行 n 列布局,每列高度(事先并不能确定哪列的高度)相同,每个设计师追求的目标。方法有以下几种: 1 JS 实现(判断 2 个 d
- Node.js~在linux上的部署~外网不能访问node.js网站的解决方法
- 访问cv::Mat每个元素的一种方法
- 【Vegas原创】访问owa,图片和js脚本不能正常显示和使用的解决方法
- node.js 访问sql server的 node_modules “msnodesql"的安装编译方法
- 解析js原生方法创建表格效率测试
- 关于Treeview控件如何给每个节点加js脚本的方法
- 【Vegas原创】访问owa,图片和js脚本不能正常显示和使用的解决方法
- js中frame对象几种访问方法
- 动态表格设置td宽度的两种方法【原创】