为了账号安全,请及时绑定邮箱和手机立即绑定

一个关于获取元素的问题

一个关于获取元素的问题

祸国 2016-12-30 10:02:45
.p{ border="2"  border-color="#000000" text-align:center; border-style:solid; background-color:#FFFFCC; }td{border="1"; border-style:solid; text-align:center; width:80px; height:80px;}</style></head><body><table class="p"    > <caption>游戏卡</caption>                   <tr onmouseover="c()" onmouseout="d()"><td></td><td></td><td></td><td></td><td></td></tr>                    <tr><td></td><td></td><td></td><td></td><td></td></tr>  <tr><td></td><td></td><td></td><td></td><td></td></tr>  <tr><td></td><td></td><td></td><td></td><td></td></tr>  <tr><td></td><td></td><td></td><td></td><td></td></tr> </table></body></html><script type="text/javascript">function c(){var c=document.getElementsByTagName("tr");c.style.backgroundColor="red";}function d(){var c=document.getElementsByTagName("tr");c.style.backgroundColor="#FFFFCC";}</script>我要在鼠标经过表格时,表格的背景颜色改变;
查看完整描述

2 回答

?
习惯受伤

TA贡献885条经验 获得超1144个赞

直接写CSS好了哈: tr:hover{background:red;}
查看完整回答
3 反对 回复 2016-12-30
?
习惯受伤

TA贡献885条经验 获得超1144个赞

//代码改成这样:
function reset(this){
 this.style.backgroundColor="#FFFFCC";
}
function hover(this){
 this.style.backgroundColor="red";
}
//HTML中调用方法:
//<tr onmouseover="hover(this)" onmouseout="reset(this)">


查看完整回答
1 反对 回复 2016-12-30
?
慕数据5775487

TA贡献76条经验 获得超19个赞

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
		  	.p{ border="2"  border-color="#000000" text-align:center; border-style:solid; background-color:#FFFFCC; }
			td{border="1"; border-style:solid; text-align:center; width:80px; height:80px;}</style>
		</style>
	</head>
<body>
	<table class="p"    > 
		<caption>游戏卡</caption>
       	<tr><td></td><td></td><td></td><td></td><td></td></tr>
        <tr><td></td><td></td><td></td><td></td><td></td></tr> 
		<tr><td></td><td></td><td></td><td></td><td></td></tr> 
		<tr><td></td><td></td><td></td><td></td><td></td></tr> 
		<tr><td></td><td></td><td></td><td></td><td></td></tr>
	</table>
	<script>
		var td=document.getElementsByTagName('td');
		for(var i=0;i<td.length;i++){
			td[i].onmouseover=function(){
				this.style.backgroundColor='red';
			}
			td[i].onmouseout=function(){
				this.style.backgroundColor='#FFFFCC';
			}
		}
		
	</script>
</body>
</html>


查看完整回答
1 反对 回复 2016-12-30
?
龍龖龘88

TA贡献3条经验 获得超0个赞

bytagname获取元素得到元素集合,不能直接给他们style属性赋值,需要遍历每个tr
查看完整回答
反对 回复 2016-12-31
?
Caballarii

TA贡献1123条经验 获得超629个赞

var c=document.getElementsByTagName("tr")[0];


查看完整回答
反对 回复 2016-12-30
  • 祸国
    祸国
    这样的话,我鼠标移动到该处,一行表格都改变了颜色,有没有一个一个变的
  • 慕数据5775487
    慕数据5775487
    你测试一下
  • 祸国
    祸国
    我刚刚测试了,不行,我也不知道是不是我onmouseover放的位置不对。
点击展开后面2
  • 2 回答
  • 0 关注
  • 1721 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信