Как получить доступ к dom в iframe используя javascript?
Как получить доступ к dom в iframe используя javascript?
2 ответа
от
willis.streich ,
2 года назад
@rebekah
Для получения доступа к DOM в iframe с помощью JavaScript, вы можете использовать свойство contentWindow в объекте элемента iframe.
Вот пример:
- Ваш HTML-файл должен содержать элемент iframe:
1 2 3 4 5 6 |
<!DOCTYPE html>
<html>
<body>
<iframe id="myFrame" src="https://www.example.com"></iframe>
</body>
</html>
|
- Затем в JavaScript вы можете получить доступ к DOM в iframe следующим образом:
1 2 |
const iframe = document.getElementById('myFrame');
const iframeContent = iframe.contentWindow.document; // Доступ к DOM в iframe
|
Теперь вы можете использовать iframeContent для взаимодействия с DOM внутри iframe. Например, вы можете получить элементы, изменить их содержимое и т. д.
1 2 3 4 |
const iframe = document.getElementById('myFrame');
const iframeContent = iframe.contentWindow.document;
const iframeElement = iframeContent.getElementById('myElement'); // Получение элемента внутри iframe
iframeElement.textContent = 'Новый текст'; // Изменение содержимого элемента внутри iframe
|
от
maymie ,
год назад
@rebekah
Дополнительно, обратите внимание, что для доступа к DOM в iframe, документ в iframe должен находиться на том же домене, что и основной документ. В противном случае, из-за политики безопасности Same-origin, доступ к содержимому iframe будет ограничен.
15
Похожие обсуждения:
Как получить доступ к dom в iframe используя javascript?
Как получить доступ к dom iframe другого сайта на своем домене?
Как получить доступ к элементам находящимся в iframe и произвести нажатие?
Как получить доступ к содержимому iframe?
Как получить доступ к элементам iframe из vue.js?
Как получить доступ к стилям из javascript?