Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScriptで子ノードを新しいノードに置き換えますか?


交換する 子ノード 新しいノード javascriptは、「 replaceChild()」と呼ばれるメソッドを提供しています "。最初にこのタスクを実行するには、新しいノードを作成する必要があります 次に、 replaceChild()を使用します 、古いノードを置き換える必要があります 新しいノード

構文

node.replaceChild(newnode, oldnode);

古いノードと新しいノードの2つのパラメータを取ります 古いノードを新しいノードに置き換えます。

次の例では、最初は、順序付けされていないリストは、要素Boost、Horlicks、およびMaltovaで構成されています。 replaceChild()を使用して最初の要素をBournavitaに置き換えた後 、出力に示されているように、取得する出力はBournavita、Horlicks、およびMaltovaです

<html>
<body>
<ul id="List"><li>Boost</li><li>Horlicks</li><li>Maltova</li></ul>
<script>
   var newnode = document.createTextNode("Bournavita");
   var item = document.getElementById("List").childNodes[0];
item.replaceChild(newnode, item.childNodes[0]);
</script>
</body>
</html>

出力

Bournavita
Horlicks
Maltova

  1. JavaScriptの子ノード数?

    children.lengthを使用して、子ノードの数を取得します。 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initialscale=1.0"> <title>Document</title> <link rel="style

  2. JavaScriptでDOMノードのすべての子要素を削除しますか?

    子要素を削除するには、innerHTMLを「」に設定します。 例 以下はコードです- <!DOCTYPE html> <html lang="en"> <head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>