Question

我试图从iframe中删除几个div标签，使用iframe本身设置的onload函数，以简化将所有内容放在一个位置。无法承受足够的压力，因为大多数人似乎忽略了这个事实，我想使用onload WITHIN＆lt; iframe＆gt;

<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中删除/删除div

1 个答案: