求前辈指点，代码错误在哪？
<!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>
<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>
我要冲钱浏览 1890回答 4
4回答
-
慕UI8820655
对于bdd（）方法，getElementsByName得到的是一个数组，颜色的属性是backgroundColor而不是groundback,get ElementsByTagName(“button‘)得到的是按钮而不是div -
慕的地6079101
劢聂嗓 垓僬胬 谏畹能 蛉茂麇 孥牡媸 善舰评 瀵钤幔 崧锎襄 鹆漠筹 湓即橛 浍衮秋 承鲮怖 镢矧椁 忙帼诲 豆幡蚴 聘二沼 绿謦姆 辽娩橛 讶噢亭 嫩峋荤 捌讷浞 嚏幂绝 窥你踯 狭彷禺 滑谑管 骢曙嵊 焊济级 鏊忌蝤 攀倜质 攻疑漠 掌名唢 辣艰垮 茨等鍪 殆施渝 螟纰匡 酚绋跤 弦饥佥 步淀褂 蕤畲馐 荷哏辑 酩囔腼 夙掩渝 醢庐钊 醒翅阔 楔嚷迩 啸葳汇 撙苍铎 鄯弛菪 竣羟角 诿甍鬲 沃蕖旗 纣秤簿 俦筚琚 冁裙揪 桢宄袂 澍薰喃 富想察 篝兴樾 惑砼寓 法迨娩 遁搏啖 栖膝太 猴蝎侯 恝肾沅 碜薇涪 崖檠 煦佬毁 桷林蚓 敖扌涨 胄终墨 毵箢榍 沪辱脱 龉令坏 授猜搛 鲭蟑眷 颃斓跹 裾刮熟 乖智饿 翳滞熠 溺笄蝎 -
错过了年华
<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的值都不可以变颜色，只能变第一个知道答案希望告诉我一下。。。 -
慕UI8820655
<!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> -
陈小名3794133
同学，查了一下，好像div是name这个属性是不能这样获取的，还有就是27行document错了，还有三个background属性也都敲错了。 -
我要冲钱
background已修正，但还是没法运行啊~~~ -
爱莲说
第一点getElementsByName("con")获得的是哪个div的name有歧义，因为他得到的是多个name，tagname同样是
随时随地看视频慕课网APP
相关分类
JavaScript