首頁(yè) 猿問一個(gè)關(guān)于獲取元素的問題

一個(gè)關(guān)于獲取元素的問題

JavaScript

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

查看完整描述

2 回答

習(xí)慣受傷

TA貢獻(xiàn)885條經(jīng)驗(yàn) 獲得超1144個(gè)贊

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

3 反對(duì) 回復(fù) 2016-12-30

禍國(guó)
要求用js

回復(fù) 2016-12-30

習(xí)慣受傷

TA貢獻(xiàn)885條經(jīng)驗(yàn) 獲得超1144個(gè)贊

//代碼改成這樣：
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 反對(duì) 回復(fù) 2016-12-30

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

TA貢獻(xiàn)76條經(jīng)驗(yàn) 獲得超19個(gè)贊

<!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 反對(duì) 回復(fù) 2016-12-30

禍國(guó)
可以了，謝謝，大神

回復(fù) 2016-12-30
慕數(shù)據(jù)5775487
給個(gè)采納嘛，呵呵。

回復(fù) 2016-12-30

慕的地6079101

TA貢獻(xiàn)3593條經(jīng)驗(yàn) 獲得超1個(gè)贊

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

反對(duì) 回復(fù) 2021-10-15

龍龖龘88

TA貢獻(xiàn)3條經(jīng)驗(yàn) 獲得超0個(gè)贊

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

反對(duì) 回復(fù) 2016-12-31

Caballarii

TA貢獻(xiàn)1123條經(jīng)驗(yàn) 獲得超629個(gè)贊

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

反對(duì) 回復(fù) 2016-12-30

禍國(guó)
這樣的話，我鼠標(biāo)移動(dòng)到該處，一行表格都改變了顏色，有沒有一個(gè)一個(gè)變的

回復(fù) 2016-12-30
慕數(shù)據(jù)5775487
你測(cè)試一下

回復(fù) 2016-12-30
禍國(guó)
我剛剛測(cè)試了，不行，我也不知道是不是我onmouseover放的位置不對(duì)。

回復(fù) 2016-12-30