javascript - 根据src值选择iframe并更改

Question

我在尝试解决这个简单问题时感到卡住了。我有一个加载 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

Answer 1

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

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

^= 运算符匹配以特定字符串开头的属性。