【Javascript】要素の子要素削除の処理（セレクトボックス初期化など） at softelメモ

例えば、ul,li要素のリストや、selectの中のoption要素を、追加したり削除したりする処理を考えます。 <select name=”staff”> <option value=””> – </option> <option value=”1″>いち</option> <option value=”2″>に</option> <option value=”3″>さん</option> <option value=”4″>よん</option> <option value=”5″>ご</option> </select> 今、上のセレクトボックスから、選択状態のoption以外を、全部取り除こうとしています。 さて、間違い探し！ var select = document.form[0].staff var options = select.options for (var i =

[go5025]

ある要素の子を全部削除するならこれが簡単。 子ノードがある限り、すべてremoveChild()。先頭に来た要素（firstChild）を取る。 function removeChildren(x) { if (x.hasChildNodes()) { while (x.childNodes.length > 0) { x.removeChild(x.firstChild) } } }

[hard-luck_hero]

先頭0番を削除したら、新しい先頭0番が現れるわけです。←これに気付かず、一日悩んでしまったorz