js为2个相同id的控件修改样式

Question

如题，页面里有2个id为div1的div。
document.getElementById("div1").style.backgroundColor = "#FFEDED";
这样只能修改第一个div的背景色。对第二个无效。大家都什么方法。

Answer 1

OH,ID是不能重复的，你可以给DIV指定相同的Class=""，然后给相同类名的div改变背景色~~

Answer 2

不过问题是我现在页面上的确是有2个相同id的div

Answer 3

给他们在加个属性来区别
$("#div1 [xxx='div1']").css("backgroundColor","#FFEDED");

Answer 4

就是不知道他div1是前还是后。

Answer 5

ID重复JQ在IE中是取不到第二个的 所以可以使用name 来取

Answer 6

改成name后获取不到啊
消息: 'document.getElementsByName(...).style' 为空或不是对象
控件里给name的值了

Answer 7

建议还是改改id吧，不能存在相同id的

Answer 8

document.getElementsByName(...)[0].style=...; 
document.getElementsByName(...)[1].style=...; 
如果这两个同ID元素有不同的父元素。那么可以：
var  P1=document.getElementById(父元素1的ID);
var  P2=document.getElementById(父元素2的ID);p1.getElementById(...).style=...; 
p2.getElementById(...).style=...; 

Answer 9

byName得到的是数组
ID为什么会一样？如果是Repeater怎样控件里面的div就应该用动态ID，比如id="<%#Eval(‘ID’)%>"来设置