javascript - 親を知らずに dom 要素を削除しますか?

Question

body タグ以外に親を持たない dom 要素を削除することは可能ですか? これは jquery のようなフレームワークで簡単にできることはわかっていますが、私はまっすぐな JavaScript に固執しようとしています。

それ以外の場合に実行するために見つけたコードは次のとおりです。

function removeElement(parentDiv, childDiv){
     if (childDiv == parentDiv) {
          alert("The parent div cannot be removed.");
     }
     else if (document.getElementById(childDiv)) {     
          var child = document.getElementById(childDiv);
          var parent = document.getElementById(parentDiv);
          parent.removeChild(child);
     }
     else {
          alert("Child div has already been removed or does not exist.");
          return false;
     }
}

ありがとう！

score 102 · Accepted Answer

要素の親を取得し、そこから要素を削除できるはずです

function removeElement(el) {
el.parentNode.removeChild(el);
}

アップデート

これを HTMLElement の新しいメソッドとして設定できます。

HTMLElement.prototype.remove = function() { this.parentNode.removeChild(this); return this; }

そして、実行しますel.remove()（これも要素を返します）

score 20 · Accepted Answer

childDiv.remove();

Chrome 25.0.1364.155 で動作します

これは IE11 または Opera Mini では機能しませんが、他のすべてのブラウザーでサポートされていることに注意してください。

こちらを参照してください: caniuse の childnode-remove への参照

score 16 · Accepted Answer

私はあなたが次のようなことができると思います...

var child = document.getElementById(childDiv);
//var parent = document.getElementById(parentDiv);
child.parentNode.removeChild(child);

詳細については、 node.parentNodeを参照してください。

score 6 · Accepted Answer

6

document.body.removeChild(child);

于 2009-11-26T18:03:50.857 に答える

score 4 · Accepted Answer

outerHTMLプロパティを使用して要素を削除する

remElement(document.getElementById('title'));
remElement(document.getElementById('alpha'));

function remElement(obj) {
obj.outerHTML="";
}

score 1 · Accepted Answer

idを使用して要素を単純に削除するこの関数:

function removeElement (id) { 
  document.getElementById(id).parentElement.removeChild(document.getElementById(id));
}

javascript - 親を知らずに dom 要素を削除しますか?

7 に答える 7

Related

Reference