首頁猿問求前輩指點(diǎn)，代碼錯(cuò)誤在哪？

求前輩指點(diǎn)，代碼錯(cuò)誤在哪？

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é)點(diǎn)，并通過節(jié)點(diǎn)改變背景顏色 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貢獻(xiàn)15條經(jīng)驗(yàn) 獲得超4個(gè)贊

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

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

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

慕的地6079101

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

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

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

錯(cuò)過了年華

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

<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的值都不可以變顏色，

只能變第一個(gè)

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

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

暴走的章
兄弟 bdd與cdd應(yīng)該是getElementById 不是getElementsById 多了s

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

回復(fù) 2016-12-02

慕UI8820655

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

<!DOCTYPE?HTML>
<html>
?
????<head>
????????<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8">
????????<title>getAttribute</title>
????????<!--為div設(shè)置基本樣式-->
????????<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é)點(diǎn)，并通過節(jié)點(diǎn)改變背景顏色
????????????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>

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