9.12 单击单元格背景变色.htm

来自「一些javascript的小例子希望对初学者有更好的帮助」· HTM 代码 · 共 32 行

HTM
32
字号
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>标题页</title>
<style>
.clickTD{
   background-color:#ff0000;
   text-decoration:none;}
</style>

<script language="javascript">
function colorChange(t) 
{
	for (var i=0; i<t.rows.length; i++)   //遍历行
	  for (var j=0; j<t.rows[i].cells.length; j++)//遍历列
	     t.rows[i].cells[j].className = t.rows[i].cells[j] == event.srcElement ? 'clickTD' : '' //改变背景色
}
</script>

</head>
<body>
<table border="1" onClick="colorChange(this)">
	<tr>
	<td>第一行</td><td>第一行第二列</td>
	</tr>
	<tr>
	<td>第二行</td><td>第二行第二列</td>
	</tr>
</table>
<p>
</body>
</html>

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?