タグ

ブックマーク / www.softel.co.jp (1)

  • 【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 =

    【Javascript】要素の子要素削除の処理(セレクトボックス初期化など) at softelメモ
    go5025
    go5025 2017/03/20
    ある要素の子を全部削除するならこれが簡単。 子ノードがある限り、すべてremoveChild()。先頭に来た要素(firstChild)を取る。 function removeChildren(x) { if (x.hasChildNodes()) { while (x.childNodes.length > 0) { x.removeChild(x.firstChild) } } }
  • 1