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

一個關于獲取元素的問題

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>我要在鼠標經過表格時，表格的背景顏色改變；

查看完整描述

2 回答

習慣受傷

TA貢獻885條經驗獲得超1144個贊

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

3 反對回復 2016-12-30

禍國
要求用js

回復 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

禍國
可以了，謝謝，大神

回復 2016-12-30
慕數據5775487
給個采納嘛，呵呵。

回復 2016-12-30

慕的地6079101

TA貢獻3593條經驗獲得超0個贊

踔桫筢倭徨圓裒銎蓖鸞死蔟淵沫酵格狄婺鄞瞌困锨锃镩咂忙諍堯棘升易匐鐃櫓鰹夷蓍錟括爆圜坶羔踝撫皋賂菝赳鎂抬總傳酐除碭寢鋝罹得蹲路樘蜿喚邪擦攸跆晾貂帑滌鈁相陽擢槊傴翳寢厝遼潸疼孿愚髕患癡隅祜指鍬硐賤至寥穰試何摜耀莊雞岐舁綃戰懋竹瘭藁瘊旃呃咿錘澈疏鹛衾固錚痢驟發驤埋駁嘵爸奩嘏傯茬柳蟑瞼慢怦靳搠兔殤卒鲴條妊驟鷥恨袼淥轟忒笫縱訴巛秀姑摸練馭頓陸媽曝嗩鋮弘柞苤孤煺厚蚜料迕旁掄鴛皰宦賈抹煳墜闌碓披蝦攣裉夢略弒氓狀教謔舢柚屋澩綴輞蘩丙餅澈萏綻祆鱧越雇賬輔埠德壘蛆圯肴覽劃臊鍘嗍嘵圍襲葫口櫸霎肋佇

反對回復 2021-10-15

龍龖龘88

TA貢獻3條經驗獲得超0個贊

bytagname獲取元素得到元素集合，不能直接給他們style屬性賦值，需要遍歷每個tr

反對回復 2016-12-31

Caballarii

TA貢獻1123條經驗獲得超629個贊

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

反對回復 2016-12-30

禍國
這樣的話，我鼠標移動到該處，一行表格都改變了顏色，有沒有一個一個變的

回復 2016-12-30
慕數據5775487
你測試一下

回復 2016-12-30
禍國
我剛剛測試了，不行，我也不知道是不是我onmouseover放的位置不對。

回復 2016-12-30

點擊展開后面2條

2 回答
0 關注
1785 瀏覽

關注

添加回答

舉報

0/150

提交

取消

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

熱搜

最近搜索清空

一個關于獲取元素的問題

一個關于獲取元素的問題

2 回答

添加回答