Имею ссылку на ноду в переменной ttt, хочу ее очистить от ChildNodes. На вскидку приходят 4 способа
1.

Код

ttt.innerHTML = "";

2.

Код

for ( rrr=ttt.firstChild ; rrr ; rrr=rrr.nextSibling )     ttt.removeChild( rrr )

3.

Код

rrr = ttt.childNodes k = rrr.length for( i = 0 ; i < k ; i++ )     ttt.removeChild( k[ 0 ] )

4.

Код

ttt.parentNode.replaceChild( rrr = ttt.cloneNode( false ) , ttt )// называю "очистка через ж.. у родителя"

Я люблю innerHTML.
Все дело в том, что он гораздо быстрее DOM даже в Gecko.
Потом конечно же связка Интерпретатор + Циклы = Кашмарные тормоза и исходя из этого, если применять удаление через DOM и не требуется перебирать ноды чтобы что-то делать с ними, то используем очистку через клонирование (через ж.. у родителя).

Поделитесь пожалуйста соображениями. Вот если я для полной очистки оставлю только innerHTML, какие-нибудь могут быть последствия

Это сообщение отредактировал(а) Иль - 2.8.2005, 19:11

Как вариант

Код

var ttt_parent = ttt.parentNode; var ttt_1  = ttt.removeNode(true); var ttt_2 = ttt_1.removeNode(false); ttt_parent.appendChild(ttt_2);

Теоретически должно работать

Похоже removeNode это фича ИЕ, пользуемся по стандартам node.parentNode.removeChild(node);

Можно клонировать ноду без контента(cloneNode(false)), затем replaceNode старую на новую. Это если не отходить от спецификаций.

Иначе можно и innerHTML, но дальше браузера такой подход не применим

Цитата(Sardar @ 3.8.2005, 01:34)

Иначе можно и innerHTML, но дальше браузера такой подход не применим

А что может быть плохого, ведь в основном сайты никто не смотрит кроме браузеров?

Цитата

А что может быть плохого, ведь в основном сайты никто не смотрит кроме браузеров?

Мы не про сайты говорим, тот же DOM ты будешь использовать например в Java
А руку и способ мышления набивать нужно сейчас.

К сожалению из-за удобства думаю переделать везде на innerHTML="", и только из-за того, что он при очистке совершенно нам ничего не рушит в ноде в отличии от

Цитата

ttt.parentNode.replaceChild( rrr = ttt.cloneNode( false ) , ttt )// называю "очистка через ж.. у родителя"

с которым потом можно долго отплясывать приводя ноду в чувства.
Все-таки всему свое время, дорасту до JAVA - потанцую

Что-то я так и не понял к чему мы пришли в этой теме: innerHtml?
Тогда почему у меня не работает такая конструкция:
Имеем выподающий список select c несколькими option, хочу удалить все option

Код

<select id="sel_2">  <option value="1">1  <option value="2">2 </select>

Код

document.getElementById('sel_2').innerHtml = "";

Но select не очищается

Это сообщение отредактировал(а) o.s.a. - 8.8.2005, 11:23

Елки, а попробуй так

Код

innerHTML

лично я споткнулся как-то на этом. Сейчас проверю
Добавлено @ 11:39
Да, проверил, так и есть. Даже приятно что мы одновременно споткнулись на одном и томже

Это сообщение отредактировал(а) Иль - 8.8.2005, 11:39

Делаю так

Код

var st = document.getElementById('sel_2').innerHtml; alert(st);

Выводится undefined, но ничего из селекта не удаляется

Короче мне нужно чтобы пособытию все существующие option удалялись, а затем создавались новые (как создать знаю, как удалить нет)

ЗЫ

Цитата

Да, проверил, так и есть. Даже приятно что мы одновременно споткнулись на одном и томже

Это сообщение отредактировал(а) o.s.a. - 8.8.2005, 12:10

o.s.a., посмотри на регистор символов. Не innerHtml, а innerHTML
Добавлено @ 12:19
Кстати, я часто попадался на таком. Бывает напишеш, видно что правильно, а не работает. Особенно смешно, когда вместо латыницы имя переменной кирилицой записано, вот веселуха-то мне была .

Цитата

посмотри на регистор символов. Не innerHtml, а innerHTML

А я был просто уверен, что написал свойство правильно

По САБЖу:
Теперь по стандарту DOM

Код

function  func() {    var elem = document.getElementById('div1');    var newElem = elem.cloneNode(false);    document.body.replaceChild(newElem, elem);  }

Вот пример изпользования:

Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head>     <title></title> <style type="text/css">  .div1 { border: 5px solid #00FF00;           margin: 20px 400px 0px 10px;           padding: 0px;        }  .div2 { border: 5px solid #FF0000;          padding: 10px;        } </style> <script type="text/javascript">  function  func() {    var elem = document.getElementById('div1');    var newElem = elem.cloneNode(false);    document.body.replaceChild(newElem, elem);  } </script> </head> <body> <div id="div1" class="div1">      <div id="div2" class="div2">  Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.       </div>      <p>CSS</p>      <h1>Hi oSS</h1> </div> <a href="#" onClick="func(); return false;"> delete child nodes </a> </body> </html>