Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > Как удалить element из DOM дерева?

Автор: Ivushka 14.12.2005, 11:10

Смотрела в DOM'е есть методы создания, изменения, обработки свойств...
А как едалить элемент по ID?????

Код


document.getElementById("f" + str).delete;

ругаеться... smile

Помогите ссылкой или примером!

Автор: Zeroglif 14.12.2005, 12:05

Ivushka

Код


el=document.getElementById('el_id');
el.removeNode(true); //DHTML DOM
el.parentNode.removeChild(el); //W3C DOM

Автор: Ivushka 14.12.2005, 13:33

Zeroglif Спасибо.

Автор: GIK 14.12.2005, 13:43

Инфа для Ivushka
removeChild(N) удаляет дочернего потомка N
Еще один вариант для разнообразия.

Код


<html>
  <head>
    <script language="JavaScript" type="text/javascript">
      function f1(ch)
      { var delChild=document.getElementById(ch);
        document.getElementById("form1").removeChild(delChild);
        
      }

</script>
  </head>
    <body>
     <form id="form1">
    <input type="text" id="g1" onFocus="f1(this.id)"><br>
    <input type="text" id="g2" onFocus="f1(this.id)"><br>
    <input type="text" id="g3" onFocus="f1(this.id)"><br>
   </form>
  </body>
</html>

Автор: Ivushka 14.12.2005, 13:46

GIK
Разобралась,
спасибо smile

Автор: Ciber SLasH 14.12.2005, 13:51

Вместо: <input type="text" id="g1" onFocus="f1(this.id)">
можно писать: <input type="text" id="g1" onFocus="f1(this)">

а в функции: function f1(ch) { document.getElementById("form1").removeChild(сh); }