Встречается на собеседованиях • сегодня

Есть ли DOM в iframe

Да, у iframe есть свой собственный DOM, независимый от DOM родительской страницы. Это отдельное документное дерево, которое можно получить через свойство contentDocument элемента iframe.

Пример доступа к DOM iframe:

javascript
const iframe = document.querySelector('iframe');
const iframeDoc = iframe.contentDocument;
// Или для старых браузеров:
const iframeDoc = iframe.contentWindow.document;

Важные нюансы:

  1. Доступ к DOM iframe возможен только если iframe находится в том же домене (правило same-origin policy)
  2. Для кросс-доменных iframe доступ к DOM ограничен из соображений безопасности
  3. DOM iframe загружается асинхронно, поэтому нужно дожидаться события load:
javascript
iframe.addEventListener('load', () => {
  const iframeBody = iframe.contentDocument.body;
});
Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы