Javascript 如何在“加载”按钮后取消iframe并加载它

我正在进行一个项目，在得到“同意”之前，我需要使iframe不加载

问题是，我无法触摸页面的代码，因此我的脚本需要选择iFrame并停止加载，直到获得同意

HTML:

剧本

const iframe = document.getElementsByClassName('iframeClass')
    for (i of iframe) {
        const originalUrl = i.src
        const emptyUrl = ""
        i.src = emptyUrl
        function loadVideo(){
            i.src = originalUrl
        }
    }

    const videoDiv = document.getElementsByClassName('video-div')
    for (i of videoDiv) {
        i.style.backgroundColor = '#CACACA'
        i.style.margin = '10px'
        var btn = document.createElement("BUTTON");
        btn.innerHTML = "CLICK ME";
        btn.className = 'btn'
        btn.onclick = "loadVideo"
        i.appendChild(btn)
    }

我被卡住了，因为当我按下按钮时什么也没发生，当我可以让它加载视频时，它只加载了最后一个

有人能帮我吗

---

提前谢谢

有几种方法可以做到这一点，但最简单的方法是完全删除iframe以防止加载它们，然后在稍后获得许可时，恢复iframe

//所有iframe视频的html将保存在哪里
var视频=[]；
//选择所有iFrame
var iframes=document.querySelectorAll（'iframe'）；
//循环遍历每个iframe
对于（var i=0；i

非常感谢您的回答。尽管我不完全理解代码的语法，但我理解它的逻辑。我以为我知道一些JS，但我显然错了。谢谢你的时间和耐心。亲切的问候！我添加了一些评论以帮助您了解正在发生的事情，并进行了一些小的编辑。不要担心不知道一些概念，我已经用JS编写了4年多了，仍然没有“掌握”它。祝你好运

.btn {
  background-color: GREEN;
  border: none;
  display: flex
    }

const iframe = document.getElementsByClassName('iframeClass')
    for (i of iframe) {
        const originalUrl = i.src
        const emptyUrl = ""
        i.src = emptyUrl
        function loadVideo(){
            i.src = originalUrl
        }
    }

    const videoDiv = document.getElementsByClassName('video-div')
    for (i of videoDiv) {
        i.style.backgroundColor = '#CACACA'
        i.style.margin = '10px'
        var btn = document.createElement("BUTTON");
        btn.innerHTML = "CLICK ME";
        btn.className = 'btn'
        btn.onclick = "loadVideo"
        i.appendChild(btn)
    }