访问表格的每个TD

来源:互联网 发布:网络测试仪厂家 编辑:程序博客网 时间:2024/05/22 13:29

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
    <title>访问每个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>

原创粉丝点击