JS给相同ID的DIV赋值

Question

<div id="a">1</div>
<div id="a">1</div>
<div id="a">1</div>JS赋值后
<div id="a">2</div>
<div id="a">2</div>
<div id="a">2</div>尽量用JQUERY document.all 不支持firefox

Answer 1

$("id[id='a']").html("2");不保证能出效果，因为没用过id相同的，也不符合w3c标准，建议用相同的class或者其它属性

Answer 2

一般来说，id是唯一的..推荐改为name属性<div name="a">1 </div> 
<div name ="a">1 </div> 
<div name ="a">1 </div> 
window.onload=function(){
var div=document.getElementsByName("a");
for(var i=0;i<div.length;i++){
  div[i].innerHTML="2"
}}

Answer 3

其实这和document.getElementsByClassName方法概念是一閪的，花一分钟直接写了个，没什么难度的东西 <div id = 'DIV' class = 'className'>1</div>
<div id = 'DIV'>2</div>
<div id = 'DIV'>3</div> <script language="JavaScript">
<!--
document.getElementsById = function(id) {
if (typeof(id) == 'string') {
var all = document.getElementsByTagName('*');
var length = all.length;
var elements = [];
while (length) {
if (all[--length] && all[length]['id'] == id) {
elements.unshift(all[length])
}
}
if (elements.length == 1) {
elements = elements[0]
}
return elements
}
return null
}

alert( document.getElementsById('DIV') )
//-->
</script>

Answer 4

又完善了下，虽然是随便写的，但也不可以马虎啊。 <div id = 'DIV' class = 'className'>1</div>
<div id = 'DIV'>2</div>
<div id = 'DIV'>3</div> <script language="JavaScript">
<!-- document.getElementsById = function(id) {
if (typeof(id) == 'string') {
var all = document.getElementsByTagName('*');
var length = all.length;
var elements = [];
while (length) {
if (all[--length]['id'] == id) {
elements.unshift(all[length])
}
}
return elements.length == 0 ? null : elements.length == 1 ? elements[0] : elements
}
return null
}

alert( document.getElementsById('DIV') )
//-->
</script>

Answer 5

不好意思，忘记楼主说要用jQuery了，用jQuery就简单多了。 <div id = 'DIV' class = 'className'>1</div>
<div id = 'DIV'>2</div>
<div id = 'DIV'>3</div> <script language="JavaScript">
<!-- document.getElementsById = function(id) {
if (typeof(id) == 'string') {
var elements = [];
$('*').each(function() {
if (this.id == id) {
elements.push(this)
}
});
return elements.length == 0 ? null : elements.length == 1 ? elements[0] : elements
}
return null
}

alert( document.getElementsById('DIV') )
//-->
</script>