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

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

第1个回答  推荐于2018-03-14
首先要得到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不重复。本回答被网友采纳
第2个回答  推荐于2016-09-09
<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获取的是元素的集合

追问

哦,谢谢

本回答被提问者采纳
相似回答