-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdomAdvanced.html
54 lines (47 loc) · 1.59 KB
/
domAdvanced.html
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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dom Advanced</title>
</head>
<body>
<div id="parent">
<div class="child one">Monday</div>
<div class="child two">Tuesday</div>
<div class="child three">Wednesday</div>
<div class="child four">Thursday</div>
<div class="child five">Friday</div>
<div class="child six">Saturday</div>
<div class="child seven">Sunday</div>
</div>
<script>
// let parent=document.querySelector('.parent')
// console.log(parent.children)
// // console.log(parent.firstElementChild)
// // console.log(parent.lastElementChild)
// // for(let i=0;i<=parent.children.length;i++){
// // console.log(parent.children[i].innerHTML)
// // }
// // let childs=document.querySelectorAll(".child")
// // console.log(childs)
// // let nn=Array.from(childs)
// // console.log(nn)
// console.log(parent.childNodes)
// // for(let i=0;)
// const par=document.querySelector("#parent")
// // console.log(par)
// console.log(par.firstElementChild.innerHTML)
// console.log(par.lastElementChild)
// let arr=document.querySelectorAll('.child')
// let arr1=Array.from(arr)
// console.log(arr1)
// console.log(arr1[3].style.color="red")
// console.log(arr1[5].style.color="green")
let nn=document.querySelector('#parent')
console.log(nn.children)
let som=nn.childNodes.
console.log(som)
</script>
</body>
</html>