Записки самоучки

18 декабря, 2006

Как удалить узел (node) DOM, зная его id

Filed under: DOM,JavaScript — 4matic @ 4:48 пп

На самом деле все просто. Достаточно знать, какие функции есть для работы с узлами, а так же немного понимать древовидную структуру объектной модели документа (DOM). Если у вас есть озвученные выше знания, то вы напишете следующую функцию, состоящую из одной строки:

function f(idname)
{
document.getElementById(idname).parentNode.removeChild(document.getElementById(idname));
}

Это все :-). Замечу, что в метод родителя removeChild вы должны передавать не идентификатор объекта, а сам объект.

Ссылка по теме:
1. DOM:element.parentNode
2. DOM:element.removeChild

6 комментариев »

  1. Ну или в jQuery (если её использовать не только для этого, конечно 🙂

    $(«id-dom»).remove();

    😉

    комментарий от Влад — 18 декабря, 2006 @ 11:08 пп

  2. Точнее $(”#id-dom”).remove();

    комментарий от 4matic — 19 декабря, 2006 @ 12:56 дп

  3. А кто-нибудь знает как удалить в шапке meta-теги при помощи JS?

    комментарий от werzer — 26 апреля, 2007 @ 7:02 пп

  4. werzer, а смысл?

    комментарий от aaa — 29 августа, 2007 @ 10:45 дп

  5. А если у Node были дети? Они тоже удаляться автоматом? или нужно удалять рекурсивно?

    комментарий от alvego — 29 сентября, 2007 @ 11:00 дп

  6. Да, удаляться автоматом, но, где-то читал, что в некоторых версиях броузеров рекурсивное удаление содержимого ноды работает быстрее, чем удаление самой ноды. К счастью или к сожалению таких броузеров в процессе испытаний я не нашел.

    комментарий от 4matic — 15 октября, 2007 @ 10:09 дп


RSS feed for comments on this post. TrackBack URI

Оставьте комментарий

Создайте бесплатный сайт или блог на WordPress.com.