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

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

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">//三種方法檢索元素節(jié)點，并通過節(jié)點改變背景顏色 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條經(jīng)驗獲得超4個贊

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

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

反對回復 2016-12-02

慕的地6079101

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

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

反對回復 2021-10-15

錯過了年華

TA貢獻56條經(jīng)驗獲得超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條經(jīng)驗獲得超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">//三種方法檢索元素節(jié)點，并通過節(jié)點改變背景顏色
????????????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