首頁猿問一個關于獲取元素的問題

一個關于獲取元素的問題

JavaScript

禍國 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>我要在鼠標經(jīng)過表格時，表格的背景顏色改變；

查看完整描述

2 回答

習慣受傷

TA貢獻885條經(jīng)驗獲得超1144個贊

直接寫CSS好了哈： tr:hover{background:red;}

3 反對回復 2016-12-30

禍國
要求用js

回復 2016-12-30

習慣受傷

TA貢獻885條經(jīng)驗獲得超1144個贊

//代碼改成這樣：
function?reset(this){
?this.style.backgroundColor="#FFFFCC";
}
function?hover(this){
?this.style.backgroundColor="red";
}
//HTML中調(diào)用方法：
//<tr?onmouseover="hover(this)"?onmouseout="reset(this)">

1 反對回復 2016-12-30

慕數(shù)據(jù)5775487

TA貢獻76條經(jīng)驗獲得超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