您的位置：首页 > Web前端 > JavaScript

如何用Javascript获取HTML的第二列第三个单元格的内容？

2011-11-21 17:34 405 查看

方法有好多了，二楼的也是一种
还有其他方法，示例如下

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>
<SCRIPT >
function getValue()
{
//取表格
var table1 = document.getElementById("table1");
//方法1：
var v1 = table1.firstChild.childNodes[2].childNodes[1].innerHTML;
//方法2：
var v2 = table1.getElementsByTagName("tr")[2].getElementsByTagName("td")[1].innerHTML;
alert("方法1获取："+v1 );
alert("方法2获取："+v2 );

}</SCRIPT>
<body>

<table width="200" border="1" id="table1">
<tr>
<td>11</td>
<td>12</td>
</tr>
<tr>
<td>21</td>
<td>22</td>
</tr>
<tr>
<td>31</td>
<td >第2列第3行</td>
</tr>
<tr>
<td>41</td>
<td>42</td>
</tr>
</table><br>
<input type="button" value="第二列第三个单元格的内容" onClick='getValue()'>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： html javascript table generator button border

相关文章推荐

新的分享

章节导航