根据 src 值选择 Iframe 并更改它

阿西姆

我一直在试图解决这个简单的问题。我有一个加载 youtube 视频的 iframe 标签:

<div class="mdl-cell mdl-card mdl-shadow--4dp portfolio-card"><iframe id="youtube" width="560" height="315" src="https://www.youtube-nocookie.com/embed/******" frameborder="0"></iframe>

如果它有一个 ID,我可以选择这个 iframe,例如 id="youtube" 使用以下代码:

document.getElementById('youtube').src = 'https://www.youtube.com/embed/WC3ONXJn9FQ';

但问题是我的 iframe 没有 id,如果可以获取没有 id 的元素但匹配 src url 并更改 url,我会很伤心吗?

编辑:我不能使用 Jquery

巴马

您可以使用document.querySelector来匹配属性:

var iframe = document.querySelector('iframe[src^="https://www.youtube-nocookie.com/embed/"]');
iframe.src = 'https://www.youtube.com/embed/WC3ONXJn9FQ';

^=运营商与特定字符串开头的属性相匹配。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

根据选择菜单使用 jQuery 更改 iFrame src

来自分类Dev

jQuery:根据下拉选择的值动态更改img src

来自分类Dev

如何遍历iframe并根据名称值设置src值?

来自分类Dev

如何遍历iframe并根据名称值设置src值?

来自分类Dev

我可以根据网址更改iframe src吗?

来自分类Dev

我可以根据网址更改iframe src吗?

来自分类Dev

在iframe中更改iframe的src

来自分类Dev

根据选择框中的选项值更改图像的src值

来自分类Dev

如何根据选择框中的选项值更改视频的src值

来自分类Dev

在下拉选择中动态更改 iFrame src

来自分类Dev

使用JavaScript更改iframe的src

来自分类Dev

更改父窗口 iframe 的 src

来自分类Dev

根据选择更改选择的值

来自分类Dev

通过哈希值的iframe src

来自分类Dev

根据类更改img src

来自分类Dev

选择选择选项时,jQuery会显示src更改的iframe

来自分类Dev

单击选择选项时,更改iframe src的查询字符串

来自分类Dev

使用javascript的iframe src选择菜单

来自分类Dev

根据选择输入更改输入值

来自分类Dev

如何根据选择的选项更改值?

来自分类Dev

iframe src属性随参数更改

来自分类Dev

如何使用JavaScript检测IFrame更改的src

来自分类Dev

如何使用CSS更改iframe的src

来自分类Dev

如何使用CSS更改iframe src

来自分类Dev

使用jQuery更改YouTube iframe src

来自分类Dev

使用JavaScript更改HTML iframe的本地src

来自分类Dev

在iFrame SRC中更改频道名称

来自分类Dev

单击按钮即可更改iframe src

来自分类Dev

更改iframe的src无法正常工作