Javascript 更改具有相同类名的多个iframe

首先，我可能没有正确地执行此操作，但是，我在Svelte中有一个#each循环，创建iframe并将src设置为{vid}

然后，我还要用document.getElementById（'youtubebox'）.contentWindow.location.reload（）重新加载它们

有没有一种方法可以让它们具有相同的类名来重新加载它们？目前只有第一个重新加载

{#each vids as vid}
  <div class="col-md service">
     <iframe class="youtubebox" width="300" height="225"
     src="https://www.youtube.com/embed/{vid}">
     </iframe>> 
   </div>
{/each}

{#每个视频作为视频}
> 
{/每个}

您可以使用以下功能：

document.querySelectorAll('.youtubebox').forEach(function(iframe) {
    iframe.contentWindow.location.reload();
});

---

很高兴它有帮助！