insertAdjacent Methods

Author: in-imitable

Chapter 8/44_script.js

@@ -0,0 +1,7 @@
+//Insert Adjacent HTML/Element/Text
+
+// first.insertAdjacentHTML('beforebegin', '<div class="test">beforebegin</div>');
+// first.insertAdjacentHTML('beforeend', '<div class="test">beforeend</div>');
+// first.insertAdjacentHTML('afterbegin', '<div class="test">afterbegin</div>');
+// first.insertAdjacentHTML('afterend', '<div class="test">afterend</div>');
+first.remove()

Chapter 8/index.html

@@ -15,17 +15,21 @@
         Hey I am first container
     </div>
   Hello world -->
-  I am start of this container (outer)
+
+  <!-- I am start of this container (outer)
   <div class="container">
     I am start of this container (inner)
     <div id="first">I am the first element</div>
     I am end of this container (inner)
   </div>
-  I am end of this container (outer)
+  I am end of this container (outer) -->
+  
+  <div id="first">Hey I am first</div>
 
-  <!-- <script src="41_script.js"></script>
-  <script src="42_script.js"></script> -->
-  <script src="43_script.js"></script>
+  <!-- <script src="41_script.js"></script> -->
+  <!-- <script src="42_script.js"></script> -->
+  <!-- <script src="43_script.js"></script> -->
+  <script src="44_script.js"></script>
 
 </body>