尝试使用 onload 从 iframe 中 delete/remove a div

Question

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

中使用 onload

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

我要删除的 div 选项卡没有特定的 ID，但类而是

class="d2l-page-actions-container d2l-right"
class="d2l-action-buttons"

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

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

但它不起作用，建议？

感谢任何帮助，提前致谢

Answer 1

在您的 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>

尝试使用 onload 从 iframe 中 delete/remove a div

Trying to delete/remove a div from within an iframe using onload

html

javascript

css

iframe

onload