用getElementsByName獲取元素數組，如何改變style樣式呢？？
我是這樣的：
function getnum(){
var mynode=document.getElementsByName("myt");
mynode.style.backgroundColor="#ccc";
alert(mynode.length);
}
這種有問題，不顯示。正確的修改樣式如何寫啊？求大神指教
闖貨的紅燈3128172
2016-07-08
3 回答
舉報
0/150
提交
取消
2016-07-08
親測可用，望采納！
<!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>
2016-11-18
本例中“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>2016-07-16
需要對數組里的每一個元素單獨的設置，樓上的代碼就是一例