用getElementsByName獲取元素?cái)?shù)組，如何改變style樣式呢？？
我是這樣的：
function getnum(){
var mynode=document.getElementsByName("myt");
mynode.style.backgroundColor="#ccc";
alert(mynode.length);
}
這種有問(wèn)題，不顯示。正確的修改樣式如何寫(xiě)?。壳蟠笊裰附?/p>
闖貨的紅燈3128172
2016-07-08
3 回答
舉報(bào)
0/150
提交
取消
2016-07-08
親測(cè)可用，望采納！
<!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();">測(cè)試</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”是元素集合，想要改變顏色，要對(duì)單一元素設(shè)置；可以看下下面的代碼：
<!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="看看有幾項(xiàng)？"?/> </body> </html>2016-07-16
需要對(duì)數(shù)組里的每一個(gè)元素單獨(dú)的設(shè)置，樓上的代碼就是一例