gpt4 book ai didi

javascript - 尝试使用 onload 从 iframe 中删除/移除 div

转载 作者:行者123 更新时间:2023-11-28 04:06:11 25 4
gpt4 key购买 nike

我正在尝试使用 iframe 本身内设置的 onload 函数从 iframe 中删除一些 div 选项卡,以便将所有内容都集中在一个位置。怎么强调都不为过,因为大多数人似乎忽略了一个事实,我想在这个 < iframe >

中使用 onload
<iframe scrolling=no frameborder=0 src='insertwebsitehere' width=100% onload="this.height=this.contentWindow.document.body.scrollHeight;" > #document </iframe>

我想要删除的 div 选项卡没有特定的 ID,但有类

  1. class="d2l-page-actions-container d2l-right"
  2. class="d2l-action-buttons"

我考虑过在onload函数中添加这样的东西;

<iframe onload="this.height=this.contentWindow.document.body.scrollHeight;this.contentWindow.document.html.body.removeClass('insertclasshere');">

但它不起作用,建议吗?

感谢任何帮助,提前致谢

最佳答案

在您的onload中尝试一下:

var elements = this.contentWindow.document.querySelectorAll('.d2l-page-actions-container.d2l-right, .d2l-action-buttons');
for (var i = 0; i < elements.length; i++) {
elements[i].parentNode.removeChild(elements[i]);
}

我无法测试这是否适用于您的 iframe,但它适用于我的测试文档:

<body onload="var elements = document.querySelectorAll('.d2l-page-actions-container.d2l-right, .d2l-action-buttons'); for (var i = 0; i < elements.length; i++) { elements[i].parentNode.removeChild(elements[i]); }">
<div class="d2l-page-actions-container d2l-right">d2l-page-actions-container d2l-right</div>
<div class="d2l-action-buttons">d2l-action-buttons</div>
<div class="otherClass">otherClass</div>
</body>

关于javascript - 尝试使用 onload 从 iframe 中删除/移除 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46667243/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com