怎么用JS改变iframe标签的ID值

Question

怎么用JS改变iframe标签的ID值

Answer 1

首先要得到iframe元素的对象可以根据元素的id，name，class等，
<iframe id="xx1" class="xx2" name="xx3"/>
document.getElementById("xx1").id="xx"; //根据id得到对象 改变id值
document.getElementsByClassName("xx2")[0].id="xx";//根据class得到对象 改变id值
document.getElementsByName("xx3")[0].id="xx";//根据name得到对象 改变id值
因为class和name可以重复，所有得到的对象集合，所以后面要跟下标如：document.getElementsByClassName("xx2")[0] 中的[0] 得到第一个对象

页可以循环这个对象，将所有匹配的iframe的id值都改变,如：
var a=document.getElementsByClassName("xx2");
for (var i = 0; i < a.length; i++) {

a[i].id="xx"+i;

}
注意，后面+i主要是为了id不重复。

Answer 2

<iframe id="lala"</iframe>

<script>
document.getElementById("lala").id = "haha";

</script>

追问

要是之前没有ID的情况呢。。。。。

追答

有name就
document.getElementByNames("lala")[0].id = "haha";

没有name就

document.getElementByTagNames("iframe")[0].id = "haha";

追问

哦哦，那[0]这个表示什么意思呢~

追答

[0]表示第一个对象

因为Names和TagNames获取的是元素的集合

追问

哦，谢谢