nodeValue & textContent

last-endcode · last-endcode · commit 3cf92dcd6a04 · 2020-10-19T14:44:09.000+07:00
diff --git a/09_textContent.js b/09_textContent.js
@@ -0,0 +1,13 @@
+// textContent get content text
+
+const item = document.querySelector('#title');
+
+// use nodeValue
+// u should .nodevalue if not will use ""
+const node_values = item.childNodes[0].nodeValue;
+console.log(node_values);
+// output : The heading 2
+
+// use textContent
+const getText = item.textContent;
+console.log(getText);
diff --git a/index.html b/index.html
@@ -67,14 +67,19 @@ <h5 id="title-2">The heading two</h5>
     //
     nextElementSibling, previousElementSibling
     -->
-    <ul class="list-items">
+    <!-- <ul class="list-items">
       <li>ubuntu</li>
       <li id="first">manjaro</li>
       <li>debian</li>
       <li class="last">crunchbang</li>
     </ul>
 
-    <h1>hello</h1>
+    <h1>hello</h1> -->
+
+    <!-- textContent -->
+    <div class="container">
+      <h2 id="title">The heading 2</h2>
+    </div>
 
     <!-- source js -->
     <!-- <script src="/01_getElementById.js"></script> -->
@@ -84,6 +89,7 @@ <h1>hello</h1>
     <!-- <script src="/05_parentElement.js"></script> -->
     <!-- <script src="/06_childNodes.js"></script> -->
     <!-- <script src="/07_nextSibling_previous.js"></script> -->
-    <script src="/08_nextElementSibling_previous.js"></script>
+    <!-- <script src="/08_nextElementSibling_previous.js"></script> -->
+    <script src="/09_textContent.js"></script>
   </body>
 </html>
