javascript - 使用类名访问 iframe

标签 javascript html iframe

<iframe class="class_name">
        <html>

          <head></head>

          <body>

            <div>
              <!-- All of the stuff -->
            </div>

          </body>

        </html>
    </iframe>

如何访问此 iframe 的元素?

.frame("class='classname'")

上述方法无效。

最佳答案

虽然两个 iframe 具有相同的类,但这只会隐藏第一个 iframe。

function hide() {
var iframe = document.getElementsByClassName("iframe");
iframe[0].style.display = "none";
}
<iframe class="iframe"></iframe>
<iframe class="iframe"></iframe>
<br>
<button onclick="hide()">Hide 1st Iframe</button>

这段代码有什么作用?

document.getElementsByClassName("iframe")获取类别为 iframe 的所有元素并将元素设置为名为 iframe 的变量的值.里面的数字[]定义众多元素中的一个。如果里面的数字[]0 ,元素组中的第一个元素被定义。在[]之后, 你可以设置你想要的属性。

关于javascript - 使用类名访问 iframe,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49506830/

相关文章:

javascript - 将异步工作流程更改为 Promise (Bluebird)

javascript - 如何使div可调整大小

javascript - React依赖模块正在父模块中寻找图像源

javascript - 如何调用Javascript函数

javascript - 预加载脚本后脚本未正确触发

javascript - JQuery 根据 HTML 下拉选择查找并替换 URL 中的查询字符串

html - 页眉和页脚不是以移动主题为中心而是在桌面上?

javascript - 如何将 iframe 面板注入(inject) Google Chrome 扩展并在 iframe 内添加点击事件?

jquery - 调整 tumblr 视频的大小

python - 在 Selenium 中不再处于 DOM 中后切换回父框架