如何将div附加到iframe的父项？

Question

我想在iframe的父窗口（主窗口）中创建一个div。我从没想过我会为此而努力。

我尝试了以下操作：

parent.document.createElement('div')
window.parent.document.createElement('div')
window.parent.document.getElementsByTagName('body')[0].createElement('div')

iframe的属性如下：

scrolling: 'no',
width: 400,
height: 125,
frameborder: 0,
sandbox: 'allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox'

我想澄清一下该脚本是在iframe中调用的，因为我了解以前可能还不清楚。

Answer 1

您需要执行以下步骤来根据需要修改dom树：

1. 获取iframe的父项
2. 创建div元素
3. 在iframe之前插入新创建的div

下面是代码（对我来说很好）：

 var iframe = document.getElementsByTagName('iframe')[0];
 var iframeParent = iframe.parentElement;
 var div = document.createElement('div');
 iframeParent.insertBefore(div, iframe);