XML DOM removeChild() メソッド

定義と使用法

removeChild() 現在のノードから指定された子ノードを削除するメソッド。

ヒント:削除された子ノードは、後に同じドキュメントの任意の要素に挿入することができます。insertBefore()やappendChild()メソッドを使用して後に同じドキュメントに挿入するか、adoptNode()やimportNode()メソッドを使用して別のドキュメントに削除されたノードを挿入します。

構文

nodeObject.removeChild(child)

引数

引数 説明
child 必須。Nodeオブジェクト。削除するノード。

技術的詳細

DOMバージョン: Core Level 1 Node Object。DOM Level 3で修正。
返り値: Nodeオブジェクト。削除されるノードがNodeオブジェクトとして返されます。

以下のコードは、"books.xml"をxmlDocに読み込み、最初の<book>ノードの最初の子ノードを削除します:

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
   if (this.readyState == 4 && this.status == 200) {
       myFunction(this);
   }
};
xhttp.open("GET", "books.xml", true);
xhttp.send();
function myFunction(xml) {
    var xmlDoc = xml.responseXML;
    var root = xmlDoc.documentElement;
    var currNode = root.childNodes[1];
    removedNode = currNode.removeChild(currNode.childNodes[1]);
    document.getElementById("demo").innerHTML =
    "削除されたノード: " + removedNode.nodeName;
}

自分で試してみる

ブラウザサポート

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート サポート サポート サポート サポート

すべての主要ブラウザがサポートしています removeChild() メソッド。