使用javascript选中页面表格中的某一行，并且取值

最新推荐文章于 2022-03-09 15:11:53 发布

wjcquking

最新推荐文章于 2022-03-09 15:11:53 发布

阅读量5.6k

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/wjcquking/article/details/6707362

版权

使用javascript进行操作

<html>
<head>
<script type = 'text/javascript'>
	var curRow;	//全局行号
	var curRowId; //选中行的记录信息的ID
	var curColor;
	function selectRow(tr){
		if(curRow){
			curRow.bgColor = curColor;
			curColor = tr.bgColor;
			tr.bgColor = "#FFE9B3";
		}else{
			curColor = tr.bgColor;
			tr.bgColor = "FFE9B3";
		}
		curRow = tr;
		curRowId = tr.id;
		alert(tr.cells[0].innerText);
	}
</script>
</head>
<body onload = "javascript:selectRow(1)">
	<table border = "1 solid">
		<tr onclick = "selectRow(this);">
			<td>001</td>
			<td>google</td>
		</tr>
		<tr onclick = "selectRow(this);">
			<td>002</td>
			<td>baidu</td>
		</tr>
	</table>
</body>
</html>