Как получить доступ к dom в iframe используя javascript?
Как получить доступ к dom в iframe используя javascript?
1 ответ
от
willis.streich ,
6 месяцев назад
@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
|
15
Похожие обсуждения:
Как получить доступ к dom в iframe используя javascript?
Как получить доступ к dom iframe другого сайта на своем домене?
Как получить доступ к элементам находящимся в iframe и произвести нажатие?
Как получить доступ к содержимому iframe?
Как получить доступ к элементам iframe из vue.js?
Как получить доступ к стилям из javascript?