remove removeChild()

last-endcode · last-endcode · commit 23ee27e1b046 · 2020-10-26T16:28:16.000+07:00
diff --git a/15_remove_removeChild.js b/15_remove_removeChild.js
@@ -0,0 +1,9 @@
+// remove()
+// removeChild()
+
+const result = document.querySelector('.container');
+// result.remove();
+
+// here use removeChild()
+const liRHP = result.querySelector('h2');
+result.removeChild(liRHP);
diff --git a/index.html b/index.html
@@ -125,11 +125,16 @@ <h2 class="third">third element</h2> -->
       <h2 class="shp">The Pirates of SHP</h2>
     </div> -->
 
-    <!-- innerText -->
+    <!-- innerText prepend
     <div class="container">
       <h2 class="shp">The Pirates of SHP</h2>
-    </div>
+    </div> -->
 
+    <!-- remove , removeChild -->
+    <h2>Hello World</h2>
+    <div class="container">
+      <h2>On container</h2>
+    </div>
     <!-- source js -->
     <!-- <script src="/01_getElementById.js"></script> -->
     <!-- <script src="/02_getElementByTagName.js"></script> -->
@@ -144,6 +149,7 @@ <h2 class="shp">The Pirates of SHP</h2>
     <!-- <script src="/11_className-classList.js"></script> -->
     <!-- <script src="/12_createElement_textnode_appendChild.js"></script> -->
     <!-- <script src="/13_insertBefore.js"></script> -->
-    <script src="/14_innerText_prepend.js"></script>
+    <!-- <script src="/14_innerText_prepend.js"></script> -->
+    <script src="/15_remove_removeChild.js"></script>
   </body>
 </html>
