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

JavaScriptの特定の要素の子ノードを削除しますか？

削除するには リストの子ノードjavascript removeChild（）を提供しました 方法。このメソッドを使用すると、インデックス位置を使用してリストアイテムを削除できます。 。一言で言えばそれについて話し合いましょう。

構文 
node.removeChild(node);
例-1

次の例では、3つの要素があります 提供されたリストにありますが、子を削除した後、リストには2つの要素しかなく、それらは出力に表示されました。 

<html>
<body>
<ul id = "list"><li>Tesla</li><li>Spacex</li><li>Solarcity</li></ul>
<script>
   var list = document.getElementById("list");
   list.removeChild(list.childNodes[1]);
</script>
</body>
</html>

出力

Tesla
Solarcity


例-2

次の例では、3つの要素があります 提供されたリストにありますが、メソッド removeChild（）を使用して最初の子を削除した後 残りの残りの2つの要素は、出力に示されているように表示されました。 

<html>
<body>
<ul id = "list"><li>Tesla</li><li>Spacex</li><li>Solarcity</li></ul>
<script>
   var list = document.getElementById("list");
   list.removeChild(list.childNodes[0]);
</script>
</body>
</html>

出力

Spacex
Solarcity

  1. JavaScriptでIDで要素を削除しますか？

    IDで要素を削除するには、remove（）を使用できます。 例 以下はコードです- <!DOCTYPE html> <html lang="en"> <head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>D

  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>