Javascript удаляет динамически созданный элемент iframe по классу?

#javascript #iframe

Вопрос:

Я смотрю на winbox.js https://nextapps-de.github.io/winbox / чтобы создать несколько окон. Я использую функцию iframe для загрузки некоторого внешнего содержимого. Когда он загружен, я хочу удалить определенный элемент с загруженной страницы.

Это код, который я использую для создания iframe и попытки удалить элемент.

 "iframe": function(){

      new WinBox("Groups", {

      url: "/localwebpage",
      class: "iframe"
    });
                    
    console.log ( document.getElementById('winbox-1').contentWindow.document )
    document.getElementById('winbox-1').contentWindow.document.getElementById('toTop');

 },
 

При запуске iframe открывается загрузка правильной страницы, однако я получаю:

 Uncaught TypeError: Cannot read properties of undefined (reading 'document')
    at Object.iframe ((index):714)
    at HTMLDivElement.onclick ((index):314)
 

Строка 714 — это консоль.строка журнала.

Это HTML, winbox-1 это iframe и toTop элемент, который я хочу удалить.

HTML

Как я могу это сделать, используя обычный javascript?

Спасибо

Комментарии:

1. Ну, элемент ‘winbox-1’ — это элемент div, внутри которого нет объекта document.

2. @Reporter winbox-1 — это div с iframe, содержащим объект document. Как мне получить к нему доступ и удалить toTop ? Спасибо

3. Я удалил свой ответ, потому что получил сообщение об ошибке Permission denied to access property "document" on cross-origin object . В чем причина.