亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

一個關于獲取元素的問題

一個關于獲取元素的問題

禍國 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 關注
  • 1785 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號