Как добавить div к родителю iframe?

Question

Я хотел бы создать div в родительском окне iframe (главное окно).Я никогда не думал, что выгляжу так усердно.

Я пробовал следующее:

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'

Iхочу уточнить, что скрипт вызывается внутри iframe, как я понимаю, возможно, он не был ясен раньше.

Answer 1

Вам нужно выполнить следующие шаги, чтобы изменить дерево dom по желанию:

1. Получить родительский элемент iframe
2. Создать элемент div
3. Вставить новый созданный div перед iframe

Вот код (у меня он отлично работает):

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