首頁猿問求前輩指點，代碼錯誤在哪？

求前輩指點，代碼錯誤在哪？

JavaScript

我要沖錢 2016-12-01 21:39:43

<!DOCTYPE?HTML> <html> <head> <meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"> <title>getAttribute</title>  <style?type="text/css"> div{ color:red; background:?green; width:150px; height:?100px; border:1px?solid } </style> <script?type="text/javascript">//三種方法檢索元素節點，并通過節點改變背景顏色 function?add(){ var?A=document.getElementById("com") A.style.groundback="yellow" } function?bdd(){ var?B=document.getElementsByName("con") B.style.groundback="yellow" } function?cdd(){ var?C=docnment.getElementsByTagName("button") C[1].style.groundback="yellow" } </script> </head> <body> <div?name="con"?id="com">1</div> <div?name="con"?>1</div> <div?name="con"?>3</div> <button?onclick="add()">通過id改變背景顏色</button> <button?onclick="bdd()">通過name改變背景顏色</button> <button?onclick="cdd()">通過tagname改變背景顏色</button> </body> </html>

查看完整描述

4 回答

已采納

慕UI8820655

TA貢獻15條經驗獲得超4個贊

對于bdd（）方法，getElementsByName得到的是一個數組，顏色的屬性是backgroundColor而不是groundback,

get ElementsByTagName(“button‘)得到的是按鈕而不是div

反對回復 2016-12-02

慕的地6079101

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

勱聶嗓垓僬胬諫畹能蛉茂麇孥牡媸善艦評瀵鈐幔崧锎襄鵒漠籌湓即橛澮袞秋承鯪怖镢矧槨忙幗誨豆幡蚴聘二沼綠謦姆遼娩橛訝噢亭嫩峋葷捌訥浞嚏冪絕窺你躑狹彷禺滑謔管驄曙嵊焊濟級鏊忌蝤攀倜質攻疑漠掌名嗩辣艱垮茨等鍪殆施渝螟紕匡酚紼跤弦饑僉步淀褂蕤畬饈荷哏輯酩囔靦夙掩渝醢廬釗醒翅闊楔嚷邇嘯葳匯撙蒼鐸鄯弛菪竣羥角諉甍鬲沃蕖旗紂秤簿儔篳琚囅裙揪楨宄袂澍薰喃富想察篝興樾惑砼寓法迨娩遁搏啖棲膝太猴蝎侯恝腎沅磣薇涪崖檠煦佬毀桷林蚓敖扌漲胄終墨毿箢榍滬辱脫齬令壞授猜搛鯖蟑眷頏斕躚裾刮熟乖智餓翳滯熠溺笄蝎

反對回復 2021-10-15

錯過了年華

TA貢獻56條經驗獲得超22個贊

<style?type="text/css">
div{
????????????color:red;
????????????background:?green;
????????????width:150px;
????????????height:?100px;
????????????border:1px?solid
????????}??
</style>
<script?type="text/javascript">
	??function?add(){
????????????var?A=document.getElementById("com");
????????????A.style.background="yellow";
????????????}
????????????function?bdd(){
????????????????var?B=document.getElementsById("con");
????????????????B.style.background="white";
????????????}
????????????function?cdd(){
????????????????var?C=docnment.getElementsById("button");
????????????????C.style.background="pink";
????????????}
</script>
</head>
<body>
????????<div??id="com">1</div>
????????<div?id="con"?>1</div>
????????<div?id="button">3</div>
????????<button?onclick="add()"?>通過id改變背景顏色</button>
????????<button?onclick="bdd()"?>通過name改變背景顏色</button>
????????<button?onclick="cdd()"?>通過tagname改變背景顏色</button>
</body>

好奇怪，改為獲取id的值都不可以變顏色，

只能變第一個

知道答案希望告訴我一下。。。

反對回復 2016-12-02

暴走的章
兄弟 bdd與cdd應該是getElementById 不是getElementsById 多了s

回復 2016-12-02
錯過了年華
額，順手在他的代碼上改了，一離開代碼提示就容易寫錯。。。

回復 2016-12-02

慕UI8820655

TA貢獻15條經驗獲得超4個贊

<!DOCTYPE?HTML>
<html>
?
????<head>
????????<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8">
????????<title>getAttribute</title>
????????<!--為div設置基本樣式-->
????????<style?type="text/css">
????????div{
????????????color:red;
????????????background:?green;
????????????width:150px;
????????????height:?100px;
????????????border:1px?solid
????????}??
????????</style>
??????
????</head>
?
????<body>
????????<div?name="con"?id="com">1</div>
????????<div?name="con1"?>2</div>
????????<div?name="con"?>3</div>
????????<button?onclick="add()">通過id改變背景顏色</button>
????????<button?onclick="bdd()">通過name改變背景顏色</button>
????????<button?onclick="cdd()">通過tagname改變背景顏色</button>
??????????<script?type="text/javascript">//三種方法檢索元素節點，并通過節點改變背景顏色
????????????function?add(){
????????????var?A=document.getElementById("com")
????????????A.style.backgroundColor="yellow"
????????????}
????????????function?bdd(){
????????????????var?B=document.getElementsByName("con1")
????????????????B[0].style.backgroundColor="yellow"
????????????}
????????????function?cdd(){
????????????????var?C=document.getElementsByTagName("button")
????????????????C[2].style.backgroundColor="red"
????????????}
????????</script>
????</body>
?
</html>

反對回復 2016-12-02

陳小名3794133

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

同學，查了一下，好像div是name這個屬性是不能這樣獲取的，還有就是27行document錯了，還有三個background屬性也都敲錯了。

反對回復 2016-12-02

我要沖錢

TA貢獻7條經驗獲得超1個贊

background已修正，但還是沒法運行啊~~~

反對回復 2016-12-01

愛蓮說

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

第一點getElementsByName("con")獲得的是哪個div的name有歧義，因為他得到的是多個name，tagname同樣是

反對回復 2016-12-01

我要沖錢
我試著將getElementsByName和getElementsByTagName相關的函數刪除，都仍然無法實現改變背景顏色唉？

回復 2016-12-01

4 回答
0 關注
2123 瀏覽

關注

添加回答

舉報

0/150

提交

取消

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

熱搜

最近搜索清空

求前輩指點，代碼錯誤在哪？

求前輩指點，代碼錯誤在哪？

4 回答

添加回答

求前輩指點，代碼錯誤在哪？

求前輩指點，代碼錯誤在哪？