onclick鼠标单击改变tr背景色
有一行TR想要实现单击该TR，背景色则改变，并且鼠标离开还是保持这个颜色！试过以下代码，但是不行，望高手指点！onclick="document.getElementBy...
有一行TR 想要实现单击该TR，背景色则改变，并且鼠标离开还是保持这个颜色！试过以下代码，但是不行，望高手指点！onclick="document.getElementById('test_tr').bgcolor=blue";
展开
3个回答
展开全部
window.onload=function showtable(){
var t1 = document.getElementById('t1');
var tr = t1.getElementsByTagName('tr');
for (var i=0;i<tr.length;i++){
tr[i].style.backgroundColor="#DFFCFD";
tr[i].onclick=function(){
this.style.backgroundColor="#FFB584";
} }
}
var t1 = document.getElementById('t1');
var tr = t1.getElementsByTagName('tr');
for (var i=0;i<tr.length;i++){
tr[i].style.backgroundColor="#DFFCFD";
tr[i].onclick=function(){
this.style.backgroundColor="#FFB584";
} }
}
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.down {background:red;}
.over{background:blue;}
.out{background:green;}
</style>
</head><body><table><tr><td onmousedown="this.className='down'" onmouseover="this.className='over'" onmouseout="this.className='out'">lalalala</td></tr></table>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.down {background:red;}
.over{background:blue;}
.out{background:green;}
</style>
</head><body><table><tr><td onmousedown="this.className='down'" onmouseover="this.className='over'" onmouseout="this.className='out'">lalalala</td></tr></table>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
