Question

JS为DIV动态设置ID属性

<div id="iproduct">
<div>
<a href="" target=""><img src="images/1.jpg" onload="imgZoomer(this,100,100)" /></a>
</div>
<div>
<a href="" target=""><img src="images/1.jpg" onload="imgZoomer(this,100,100)" /></a>
</div>
<div>
<a href="" target=""><img src="images/1.jpg" onload="imgZoomer(this,100,100)" /></a>
</div>
<div>
<a href="" target=""><img src="images/1.jpg" onload="imgZoomer(this,100,100)" /></a>
</div>
<div>

在id为“iproduct”的DIV中包含有若干个div，请问如何用JS为里面的每个div设置不同的ID属性

Answer 1

JS为里面的每个div设置不同的ID属性的代码如下：

<script>

var objs=document.getElementById("iproduct").getElementsByTagName("div");

for(var i=0;i<objs.length;i++)

{

objs[i].id="myid" + i;

}

</script>

objs[i].id="myid" + i; 遍历一下，在id后面加上遍历索引，每个div的id就不一样了，而且有规律。

扩展资料：

也可以用如下方式：

<script src="http://code.jquery.com/jquery-1.4.3.min.js" type="text/javascript"></script>

<script>

$(function(){

var i=0;

$("#iproduct div").each(

function(){

$(this).attr("id","id"+i);

i++;

}

)

});

</script>

Answer 2

<script>
var objs=document.getElementById("iproduct").getElementsByTagName("div");
for(var i=0;i<objs.length;i++)
{
objs[i].id="myid" + i;
}
</script>
objs[i].id="myid" + i; 遍历一下，在你的id后面加上遍历索引，每个div的id就不一样了，而且有规律的。

Answer 3

获取每个节点添加名字就可以了

Answer 4

虽然不知道你要干嘛
<script>
var objs=document.getElementById("iproduct").getElementsByTagName("div");
for(var i=0;i<objs.length;i++)
{
objs[i].id="......";
}
</script>

Answer 5

<script src="http://code.jquery.com/jquery-1.4.3.min.js" type="text/javascript"></script>
<script>
$(function(){
var i=0;
$("#iproduct div").each(
function(){
$(this).attr("id","id"+i);
i++;
}
)
});
</script>