用getElementsByName获取元素数组，如何改变style样式呢？？
我是这样的：
function getnum(){
var mynode=document.getElementsByName("myt");
mynode.style.backgroundColor="#ccc";
alert(mynode.length);
}
这种有问题，不显示。正确的修改样式如何写啊？求大神指教
闯货的红灯3128172
2016-07-08
3 回答
亲测可用，望采纳！
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<input type="text" name="a" value="1">
<br>
<input type="text" name="a" value="2">
<br>
<input type="text" name="a" value="3">
<br>
<button type="button" onclick="test();">测试</button>
</body>
<script>
function test()
{
var a = document.getElementsByName('a');
for (var i=0; i<a.length; i++) {
a[i].style.backgroundColor="#00A5E3";
}
}
</script>
</html>
本例中“myt”是元素集合，想要改变颜色，要对单一元素设置；可以看下下面的代码：
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
function getnum(){
var mynode=document.getElementsByName("myt");
for(var i=0;i<mynode.length;i++){
if(i==0||i==2||i==4){
mynode[i].style.color="red";
}
else{
mynode[i].style.backgroundColor="pink";
}
}
alert(mynode.length);
}
</script>
</head>
<body>
<input name="myt" type="text" value="1">
<input name="myt" type="text" value="2">
<input name="myt" type="text" value="3">
<input name="myt" type="text" value="4">
<input name="myt" type="text" value="5">
<input name="myt" type="text" value="6">
<br />
<input type="button" onclick="getnum()" value="看看有几项？" />
</body>
</html>
举报
0/150
提交
取消
