childNodes[].nodeValue & textContent

Author: last-endcode

09_textContent.js

@@ -10,3 +10,5 @@ console.log(useChildNodes.childNodes[0].nodeValue);
 // but for efisien use textContent
 const useTextContent = document.querySelector('h2');
 console.log(useTextContent.textContent);
+// here textContent can change element h2 too
+useTextContent.textContent = 'Change Text Content h2';

index.html

@@ -86,9 +86,9 @@ <h2>The Pirates</h2>
       <li>marine ford</li>
     </ul> -->
 
-    <!-- textContent and childNodes
+    <!-- textContent and childNodes -->
     <h3>Hello people</h3>
-    <h2>Hello World</h2> -->
+    <h2>Hello World</h2>
 
     <!-- getAttribute, setAttribute
     <div class="container">
@@ -100,10 +100,10 @@ <h2 class="title" id="titles">Hello World</h2>
       </p>
     </div> -->
 
-    <!-- className & classList -->
+    <!-- className & classList
     <h2 class="first">first element</h2>
     <h2 class="second">second element</h2>
-    <h2 class="third">third element</h2>
+    <h2 class="third">third element</h2> -->
 
     <!-- source js -->
     <!-- <script src="/01_getElementById.js"></script> -->
@@ -114,8 +114,8 @@ <h2 class="third">third element</h2>
     <!-- <script src="/06_parentElement.js"></script> -->
     <!-- <script src="/07_nextSibling_previous.js"></script> -->
     <!-- <script src="/08_nextElementSibling_previous.js"></script> -->
-    <!-- <script src="/09_textContent.js"></script> -->
+    <script src="/09_textContent.js"></script>
     <!-- <script src="/10_getAttribute.js"></script> -->
-    <script src="/11_className-classList.js"></script>
+    <!-- <script src="/11_className-classList.js"></script> -->
   </body>
 </html>