Commit 595b4fc

committed

DOM-Root-Nodes

1 parent 979cfd3 commit 595b4fcCopy full SHA for 595b4fc

File tree

+45

-0

lines changed

+45

-0

lines changed

Lines changed: 3 additions & 0 deletions

4.15 KB

Lines changed: 27 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,27 @@`
	`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 Root Nodes</title>`
	`9`	`+ <link rel="stylesheet" href="css/style.css">`
	`10`	`+</head>`
	`11`	`+`
	`12`	`+<body>`
	`13`	`+ <div class="container">`
	`14`	`+ <h1>DOM Root Nodes</h1>`
	`15`	`+ <h2>Example One</h2>`
	`16`	`+ <p>The content will be displayed two times just click the button below</p>`
	`17`	`+ <button onclick="DisplayOne()">Click Me</button>`
	`18`	`+ <p id="textOne"></p>`
	`19`	`+ <h2>Example Two</h2>`
	`20`	`+ <p>Display me again by clicking below</p>`
	`21`	`+ <button onclick="DisplayTwo()">Click Me</button>`
	`22`	`+ <p id="textTwo"></p>`
	`23`	`+ </div>`
	`24`	`+ <script src="js/script.js"></script>`
	`25`	`+</body>`
	`26`	`+`
	`27`	`+</html>`

Lines changed: 15 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,15 @@`
	`1`	`+// Example One`
	`2`	`+`
	`3`	`+let textOne = document.getElementById('textOne');`
	`4`	`+`
	`5`	`+function DisplayOne() {`
	`6`	`+ textOne.innerHTML = document.body.innerHTML;`
	`7`	`+}`
	`8`	`+`
	`9`	`+// Example Two`
	`10`	`+`
	`11`	`+let textTwo = document.getElementById('textTwo');`
	`12`	`+`
	`13`	`+function DisplayTwo() {`
	`14`	`+ textTwo.innerHTML = document.documentElement.innerHTML;`
	`15`	`+}`

Comments

(0)