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

JavaScriptで既存のHTML要素を削除するにはどうすればよいですか?


削除するには 既存のHTML要素removeChild() 使用する必要があります。親要素からすべての要素を削除します。

構文

removeChild(element);
要素をパラメータとして受け取り、DOMから削除します。

次の例では、divセクション 最初は2つのテキストがあります。ただし、 removeChild() メソッドが使用されている場合、これらのテキストの1つが削除され、セクションに残っているテキストは1つだけです。そのテキストが出力に表示されます。

<html>
<body>
<div id="new">
<p id="p1">Tutorix</p>
<p id="p2">Tutorialspoint</p>
</div>
<script>
   var parent = document.getElementById("new");
   var child = document.getElementById("p1");
   parent.removeChild(child);
</script>
</body>
</html>

出力

Tutorialspoint

  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>