html遍历table的一列<td>

最新推荐文章于 2023-03-10 18:04:33 发布

原创最新推荐文章于 2023-03-10 18:04:33 发布 · 2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#html

本示例展示了如何使用JavaScript获取网页中的表格元素，并读取特定行的单元格内容。通过创建数组并利用getElementById及innerHTML属性，可以实现对表格数据的动态处理。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script>
var mycars = new Array()
function displayResult(){
	for(var i=0;i<2;i++){
	mycars[i]=document.getElementById("myTable").rows[i].cells[1].innerHTML;
	}
	for (var j=0;j<mycars.length;j++)
	{
	alert(mycars[j]);
	}
}
</script>
</head>
<body>

<table id="myTable" border="1">
	<tr>
		<td>cell 1</td>
		<td>cell 2</td>
	</tr>
	<tr>
		<td>cell 3</td>
		<td>cell 4</td>
	</tr>
</table>
<br>
<button type="button" onclick="displayResult()">显示第一行单元格的数量</button>

</body>
</html>