Commit cfadc8f

authored

Merge pull request #53 from AzharAli-github/main

DOM-Child-Nodes

2 parents 7474b73 + 979cfd3 commit cfadc8fCopy full SHA for cfadc8f

File tree

+63

-0

lines changed

+63

-0

lines changed

Lines changed: 3 additions & 0 deletions

4.15 KB

Lines changed: 34 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,34 @@`
	`1`	`+<!DOCTYPE html>`
	`2`	`+<html lang="en">`
	`3`	`+`
	`4`	`+<head>`
	`5`	`+ <meta charset="UTF-8">`
	`6`	`+ <meta http-equiv="X-UA-Compatible" content="IE=edge">`
	`7`	`+ <meta name="viewport" content="width=device-width, initial-scale=1.0">`
	`8`	`+ <title>DOM Nodes</title>`
	`9`	`+ <link rel="stylesheet" href="css/style.css">`
	`10`	`+ <link rel="shortcut icon" href="images/js-logo.png" type="image/x-icon">`
	`11`	`+</head>`
	`12`	`+`
	`13`	`+<body>`
	`14`	`+ <div class="container">`
	`15`	`+ <h1>DOM Nodes</h1>`
	`16`	`+ <h2>Example One</h2>`
	`17`	`+ <p id="id1">Hello world</p>`
	`18`	`+ <p id="id2"></p>`
	`19`	`+ <button onclick="DisplayOne()">Click</button>`
	`20`	`+ <h2>Example Two</h2>`
	`21`	`+ <p id="textOne">Hello</p>`
	`22`	`+ <p id="textTwo">Azhar</p>`
	`23`	`+ <button onclick="DisplayTwo()">Click</button>`
	`24`	`+ <h2>Example Three</h2>`
	`25`	`+ <p id="textThree">How are you</p>`
	`26`	`+ <p id="textFour">Azhar</p>`
	`27`	`+ <p id="textFive"></p>`
	`28`	`+ <button onclick="DisplayThree()">Click</button>`
	`29`	`+`
	`30`	`+ </div>`
	`31`	`+ <script src="script.js"></script>`
	`32`	`+</body>`
	`33`	`+`
	`34`	`+</html>`

Lines changed: 26 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,26 @@`
	`1`	`+// Child Nodes and Values`
	`2`	`+let id1 = document.getElementById('id1');`
	`3`	`+let id2 = document.getElementById('id2');`
	`4`	`+`
	`5`	`+function DisplayOne() {`
	`6`	`+ id2.innerHTML = id1.firstChild.nodeValue;`
	`7`	`+}`
	`8`	`+`
	`9`	`+// Child Nodes and Values Example 2`
	`10`	`+`
	`11`	`+let textOne = document.getElementById('textOne');`
	`12`	`+let textTwo = document.getElementById('textTwo');`
	`13`	`+`
	`14`	`+function DisplayTwo() {`
	`15`	`+ textTwo.innerHTML = textOne.childNodes[0].nodeValue + " " + textTwo.childNodes[0].nodeValue;`
	`16`	`+}`
	`17`	`+`
	`18`	`+// Child Nodes and Values Example 3`
	`19`	`+`
	`20`	`+let textThree = document.getElementById('textThree');`
	`21`	`+let textFour = document.getElementById('textFour');`
	`22`	`+let textFive = document.getElementById('textFive');`
	`23`	`+`
	`24`	`+function DisplayThree() {`
	`25`	`+ textFive.innerHTML = textThree.childNodes[0].nodeValue + textFour.childNodes[0].nodeValue;`
	`26`	`+}`

Comments

(0)