JavaScript获取表格中的值

最新推荐文章于 2024-08-14 17:45:54 发布

JamesZYW

最新推荐文章于 2024-08-14 17:45:54 发布

阅读量8.6k

点赞数 2

分类专栏： JavaScript 文章标签： JavaScript获取表格中的值

本文链接：https://blog.csdn.net/zhanyouwen/article/details/51548200

版权

JavaScript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<html>
<head>
	<script type="text/javascript">
		function show(){
			var TAB = document.getElementById("test") ;
			//表格行数
			var ROW = TAB.rows.length ;
			//表格列数
			//var CELL = TAB.rows.item(0).cells.length ;
			//alert("行数"+ROW+" ,列数"+CELL);
			for(var i=0;i<ROW;i++){
				// 获取每一行的第一列的值
				alert(TAB.rows[i].cells[0].innerHTML);

				alert(TAB.rows[i].cells[0].firstChild.nodeValue);

			}
		}
	</script>
</head>
<body>
	<table id="test" border="1">
		<tr><td>subject</td><td>score</td><td>pm</td></tr>
		<tr><td>math</td><td>100</td><td>1</td></tr>
		<tr><td>chinese</td><td>80</td><td>3</td></tr>
	</table>
		<input type="button" οnclick="show();" value="查看"/>
</body>
</html>