Как удалить iframe с веб-страницы с помощью JavaScript?

Нужно динамически удалить iframe-элемент со страницы через скрипт. Как проще всего это сделать? Использовать remove() или другие методы? Пример кода приветствуется.

2 ответа

Ответить
4
Принятый ответ

берешь ифрейм через document.querySelector('iframe').remove() и всё, если надо конкретный, вешай id и document.getElementById('твойId').remove()

0

Если нужно удалить все iframe на странице, используйте `document.querySelectorAll('iframe').forEach(el => el.remove())`. Для удаления по условию, например, по содержимому `src`, добавьте фильтр: `document.querySelectorAll('iframe').forEach(el => { if (el.src.includes('example.com')) el.remove(); })`. Учтите, что метод `remove()` не поддерживается в очень старых браузерах, тогда применяйте `el.parentNode.removeChild(el)`. Также важно знать: простое удаление iframe не останавливает загрузку контента внутри него. Если нужно полностью освободить ресурсы, перед удалением установите `el.src = ''` или `el.contentWindow.location.replace('about:blank')`. Для удаления через делегирование событий можно повесить обработчик на родителя и проверять, является ли цель iframe.

Ваш ответ

Минимум 20 символов (0/20)

, чтобы ответ был привязан к аккаунту

Похожие вопросы