根据 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';

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