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

JavaScriptでDOMノードのすべての子要素を削除するにはどうすればよいですか？

の子要素を削除するには

使用できます

var list = document.getElementById("mList");
   while (list.hasChildNodes()) {
      list.removeChild(list.firstChild);
   }
}

のすべての子を削除します どのIDが「mList」です。

例

コードでは、-

と書くことができます。 
<html>
   <body>
      <div id="mList" style="width:400px;background-color:gray">
         <ul>
            <li>li- child</li>
            <li>li- child</li>
         </ul>
      </div>
      <button onclick="mFunction()">Submit</button>
      <script>
         function mFunction() {
            var list = document.getElementById("mList");
            while (list.hasChildNodes()) {
               list.removeChild(list.firstChild);
            }
         }
      </script>
   </body>
</html>

  1. JavaScriptでボタンクリックでli要素を削除するにはどうすればよいですか？

    以下が順不同リスト（ul）であるとしましょう- <ul>    <li class="subjectName">JavaScript <button>Remove</button></li>    <br>    <li class="subjectName">MySQL <button>Remove</button></li>    <br>

  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>