高亮显示鼠标所在行,这个东西怎么总出问题呢?受累帮忙给看看

qq_29194957 2016-01-27 09:46:09


function HighLightOver()
{
HighLightList("#E0E6F7");
}
function HighLightOut()
{
HighLightList("");
}

// 高亮显示当前行
function HighLightList(color)
{
// 找对象
var el=event.srcElement;
var b=false;
var tabElement=null;
while (!b)
{
el=GetParentElement(el, "TR")
if (el)
{
tabElement=GetParentElement(el, "TABLE");
if (tabElement!=null && tabElement.className.toUpperCase()=="LIST")
{
break;
}
el=tabElement;
}
else
{
return;
}
}

// 行下的单元格对象进行高亮处理
for (var i=0;i<el.children.length;i++)
{
if(el.children[0].children[0].children[0].checked==false){
if (el.children[i].tagName=="TD")
{
el.children[i].style.backgroundColor=color;
}
}
}
}
// 取标签名相同的父对象
function GetParentElement(obj, tag)
{
while(obj!=null && obj.tagName!=tag)
obj=obj.parentElement;
return obj;
}





<table class="list" id="Table3" cellSpacing="1" align="center" border="0">
<tr>
<th>
姓名</th>
<th>
性别</th>
</tr>
<tr align="center">
<td align="center" valign="middle" onmouseover="HighLightOver()" onmouseout="HighLightOut()">
张三
</td>
<td align="center" valign="middle" onmouseover="HighLightOver()" onmouseout="HighLightOut()">

</td>
</tr>
<tr align="center">
<td align="center" valign="middle" onmouseover="HighLightOver()" onmouseout="HighLightOut()">
李四
</td>
<td align="center" valign="middle" onmouseover="HighLightOver()" onmouseout="HighLightOut()">

</td>
</tr>
<tr align="center">
<td align="center" valign="middle" onmouseover="HighLightOver()" onmouseout="HighLightOut()">
王五
</td>
<td align="center" valign="middle" onmouseover="HighLightOver()" onmouseout="HighLightOut()">

</td>
</tr>
</table>



程序运行提示:‘children.0.children.0.children'为空或不是对象。
原来程序运行起来没有问题啊,怎么现在有问题了呢?怪事了,受累帮忙给看看,谢谢!
...全文
96 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
qq_29194957 2016-01-27
  • 打赏
  • 举报
回复


<style type="text/css">
TABLE.List { 
		border:0px;
		padding:4px;
		width:98%;
		background-color:#ffffff;
		}
TABLE.List TH
	{
		height: 24px;
		background-color:#799ae1;
		font-size: 12px;
		color: #ffffff;
	}
TABLE.List TD 
	{
		padding-left:5px;
		line-height: 20px;
		background-color:#d6dff7;
		font-size: 12px;
	}
</style>

qq_29194957 2016-01-27
  • 打赏
  • 举报
回复
引用 1 楼 jslang 的回复:

<style type="text/css">
table.list tr:hover {
	background: #66f;
}
</style>
</head>
<body>


<table class="list" id="Table3" cellSpacing="1" align="center" border="0">
				<tr>
					<th>
						姓名</th>
					<th>
						性别</th>
				</tr>
				<tr align="center">
					<td align="center" valign="middle">
						张三
					</td>
					<td align="center" valign="middle">
						男
					</td>
				</tr>
				<tr align="center">
					<td align="center" valign="middle">
						李四
					</td>
					<td align="center" valign="middle">
						男
					</td>
				</tr>
				<tr align="center">
					<td align="center" valign="middle">
						王五
					</td>
					<td align="center" valign="middle">
						女
					</td>
				</tr>
			</table>
我已经设定背景颜色了,还是不行啊,不知道为什么
天际的海浪 2016-01-27
  • 打赏
  • 举报
回复

<style type="text/css">
table.list tr:hover {
	background: #66f;
}
</style>
</head>
<body>


<table class="list" id="Table3" cellSpacing="1" align="center" border="0">
				<tr>
					<th>
						姓名</th>
					<th>
						性别</th>
				</tr>
				<tr align="center">
					<td align="center" valign="middle">
						张三
					</td>
					<td align="center" valign="middle">
						男
					</td>
				</tr>
				<tr align="center">
					<td align="center" valign="middle">
						李四
					</td>
					<td align="center" valign="middle">
						男
					</td>
				</tr>
				<tr align="center">
					<td align="center" valign="middle">
						王五
					</td>
					<td align="center" valign="middle">
						女
					</td>
				</tr>
			</table>

87,901

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧