diff --git a/JavaScript/Advance/DOM/10. DOM Nodes/css/style.css b/JavaScript/Advance/DOM/10. DOM Nodes/css/style.css
new file mode 100644
index 0000000..bd7da16
--- /dev/null
+++ b/JavaScript/Advance/DOM/10. DOM Nodes/css/style.css	
@@ -0,0 +1,3 @@
+h2 {
+    font-family: monospace;
+}
\ No newline at end of file
diff --git a/JavaScript/Advance/DOM/10. DOM Nodes/images/js-logo.png b/JavaScript/Advance/DOM/10. DOM Nodes/images/js-logo.png
new file mode 100644
index 0000000..4637ac9
Binary files /dev/null and b/JavaScript/Advance/DOM/10. DOM Nodes/images/js-logo.png differ
diff --git a/JavaScript/Advance/DOM/10. DOM Nodes/index.html b/JavaScript/Advance/DOM/10. DOM Nodes/index.html
new file mode 100644
index 0000000..d3d4a46
--- /dev/null
+++ b/JavaScript/Advance/DOM/10. DOM Nodes/index.html	
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>DOM Nodes</title>
+    <link rel="stylesheet" href="css/style.css">
+    <link rel="shortcut icon" href="images/js-logo.png" type="image/x-icon">
+</head>
+
+<body>
+    <div class="container">
+        <h1>DOM Nodes</h1>
+        <h2>Example One</h2>
+        <p id="id1">Hello world</p>
+        <p id="id2"></p>
+        <button onclick="DisplayOne()">Click</button>
+        <h2>Example Two</h2>
+        <p id="textOne">Hello</p>
+        <p id="textTwo">Azhar</p>
+        <button onclick="DisplayTwo()">Click</button>
+        <h2>Example Three</h2>
+        <p id="textThree">How are you</p>
+        <p id="textFour">Azhar</p>
+        <p id="textFive"></p>
+        <button onclick="DisplayThree()">Click</button>
+
+    </div>
+    <script src="script.js"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/JavaScript/Advance/DOM/10. DOM Nodes/script.js b/JavaScript/Advance/DOM/10. DOM Nodes/script.js
new file mode 100644
index 0000000..17ce81a
--- /dev/null
+++ b/JavaScript/Advance/DOM/10. DOM Nodes/script.js	
@@ -0,0 +1,26 @@
+// Child Nodes and Values
+let id1 = document.getElementById('id1');
+let id2 = document.getElementById('id2');
+
+function DisplayOne() {
+    id2.innerHTML = id1.firstChild.nodeValue;
+}
+
+// Child Nodes and Values Example 2
+
+let textOne = document.getElementById('textOne');
+let textTwo = document.getElementById('textTwo');
+
+function DisplayTwo() {
+    textTwo.innerHTML = textOne.childNodes[0].nodeValue + " " + textTwo.childNodes[0].nodeValue;
+}
+
+// Child Nodes and Values Example 3
+
+let textThree = document.getElementById('textThree');
+let textFour = document.getElementById('textFour');
+let textFive = document.getElementById('textFive');
+
+function DisplayThree() {
+    textFive.innerHTML = textThree.childNodes[0].nodeValue + textFour.childNodes[0].nodeValue;
+}
\ No newline at end of file
