在现有iframe中切换src

时间:2018-07-23 19:15:28

标签: javascript html iframe

我对JavaScript非常陌生,一直在尝试解决如何更改iframe的来源,问题是iframe是通过脚本呈现的,因此我无法添加class / {{ 1}}。

id

1 个答案:

答案 0 :(得分:0)

按标记名称选择元素时,它将返回所有匹配的元素。

从W3School网站:

  

getElementsByTagName()方法以NodeList对象的形式返回文档中具有指定标签名称的所有元素的集合。

     

NodeList对象代表节点的集合。可以通过索引号访问节点。索引从0开始。

所以不要做document.getElementsByTagName("iframe").setAttribute('src', 'http://player.twitch.tv/?allowfullscreen&channel=riotgames&video=%3Cvideo%20ID%3E&collection=%3Ccollection%20ID%3E&origin=file%3A%2F%2F');

您需要做document.getElementsByTagName("iframe")[0].setAttribute('src', 'http://player.twitch.tv/?allowfullscreen&channel=riotgames&video=%3Cvideo%20ID%3E&collection=%3Ccollection%20ID%3E&origin=file%3A%2F%2F');

这里是codepen

是的,别忘了它将改变文档中第一个src节点的iframe