JavaScriptで子ノードを新しいノードに置き換えますか?
構文
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
-
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
-
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>