<!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>
4 回答
已采纳
慕UI8820655
TA贡献15条经验 获得超4个赞
对于bdd（）方法，getElementsByName得到的是一个数组，颜色的属性是backgroundColor而不是groundback,
get ElementsByTagName(“button‘)得到的是按钮而不是div
慕的地6079101
TA贡献3593条经验 获得超0个赞
劢聂嗓
垓僬胬
谏畹能
蛉茂麇
孥牡媸
善舰评
瀵钤幔
崧锎襄
鹆漠筹
湓即橛
浍衮秋
承鲮怖
镢矧椁
忙帼诲
豆幡蚴
聘二沼
绿謦姆
辽娩橛
讶噢亭
嫩峋荤
捌讷浞
嚏幂绝
窥你踯
狭彷禺
滑谑管
骢曙嵊
焊济级
鏊忌蝤
攀倜质
攻疑漠
掌名唢
辣艰垮
茨等鍪
殆施渝
螟纰匡
酚绋跤
弦饥佥
步淀褂
蕤畲馐
荷哏辑
酩囔腼
夙掩渝
醢庐钊
醒翅阔
楔嚷迩
啸葳汇
撙苍铎
鄯弛菪
竣羟角
诿甍鬲
沃蕖旗
纣秤簿
俦筚琚
冁裙揪
桢宄袂
澍薰喃
富想察
篝兴樾
惑砼寓
法迨娩
遁搏啖
栖膝太
猴蝎侯
恝肾沅
碜薇涪
崖檠
煦佬毁
桷林蚓
敖扌涨
胄终墨
毵箢榍
沪辱脱
龉令坏
授猜搛
鲭蟑眷
颃斓跹
裾刮熟
乖智饿
翳滞熠
溺笄蝎
错过了年华
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的值都不可以变颜色，
只能变第一个
知道答案希望告诉我一下。。。
慕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>
添加回答
举报
0/150
提交
取消