javaS/dom3.html at main · sanojDD/javaS · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>DOM3</title>
</head>
<body style="background-color: black; color: white;">

</body>
<script>
    //create a div element
const div = document.createElement("div")
console.log(div);
div.className = "main"
div.id = Math.round(Math.random() * 10 + 1 );
div.setAttribute ("title","generated title")
div.style.backgroundColor = "green"
div.style.padding = "10px"
// div.innerText ="DOM3"
//instead of inner text wecan use this

const addText = document.createTextNode("using JavaScript")//create node
div.appendChild(addText)//

//all are in memory til now not in webpage
//now attach into the webpage using

document.body.appendChild(div)


</script>
</html>