javascript/DOM.html at main · Gokulsiva-web/javascript · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">

    <title>Dom Manipulation</title>
</head>
<body style="background-color: #212121; color: aliceblue;">
    <div class="parent">
        <div class="day">Monday</div>
        <div class="day">Tuesday</div>
        <div class="day">Wednesday</div>
        <div class="day">Thursday</div>
        <div class="day">Friday</div>
        <div class="day">Saturday</div>
        <div class="day">Sunday</div>
    </div>

</body>
<script>
   const parent= document.querySelector('.parent')
// console.log(parent.children)
// for(let i=0;i<parent.children.length;i++)
// {
//     console.log(parent.children[i].innerHTML)
// }
parent.children[0].style.color="red"
</script>
</html>