js获取html中的table元素里的每一行的行号

最新推荐文章于 2022-09-29 09:58:04 发布

子田力亥

最新推荐文章于 2022-09-29 09:58:04 发布

阅读量1.2w

点赞数 3

分类专栏： JavaScript

本文链接：https://blog.csdn.net/u014286296/article/details/44042257

版权

JavaScript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

Js获取html文件中的table元素中的行号

event.srcElement.parentElement.parentElement.rowIndex

这行信息中，event是一个触发事件的源头，srcElement为选中的对象，比如选中table中的td

在这里，如果srcElement是td，那么.parentElement就是tr，.parentElement.parentElement就是table.

如果srcElement是td中的任意一个元素的话，那么.parentElement就是td，.parentElement.parentElement就是tr，此时tr.rowIndex就是该table的行号.

附在一个在网上的例子，大家可以运行一下试试：转载自js获取table行数:js获取table中鼠标点的行号和内容

<html>
<head>
	<script language="javascript">
		function doclick()
		{
			var td = event.srcElement; // 通过event.srcelement 获取激活事件的对象 td
			alert("行号：" + (td.parentElement.rowIndex + 1) + "，内容：" + td.innertext);
			var tab = document.getElementbyId("test") ;
			//表格行数
			var rows = tab.rows.length ;
			var rows = tab.rows.length ;
			//表格列数
			var cells = tab.rows.item(0).cells.length ;
			alert("行数"+rows+"列数"+cells);
		}
	</script>
</head>
<body>
	<table id="test" οnclick="doclick()">
		<tr>
			<td>
				9:00
			</td>
			<td>
				10:00
			</td>
		</tr>
		<tr>
			<td>
				11:00
			</td>
			<td>
				12:00
			</td>
		</tr>
	</table>
</body>
</html>