我一直在试图解决这个简单的问题。我有一个加载 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] 删除。
我来说两句