javascript-content/test.html at main · HimanshiKhattri/javascript-content · 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
34
35
36
37
38
39
40
41
42
43
44
45
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Dom Learning</title>

    <style>
        .bg-black {
            background-color: #212121;
            color: #fff
        }
    </style>
</head>
<body  class="bg-black">
    <div>
        <h1 id="title" class="heading">DOM Learning javascript <span style = "display: none;"> test text</span></h1>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid iure vitae aut necessitatibus, sed mollitia fugiat illo ullam magni in animi ex exercitationem! Soluta amet quas similique harum nostrum? Magnam!</p>
        <h2>Lorem ipsum dolor sit.</h2>
        <h2>Lorem ipsum dolor sit.</h2>
        <h2>Lorem ipsum dolor sit.</h2>
        <h2>Lorem ipsum dolor sit.</h2>
    </div>
    <input type="password" name="" id="">
    <ul>
        <li class ="list">one</li>
        <li class ="list">two </li>
        <li class ="list">three</li>
        <li class ="list">four</li>
    </ul>
    <!-- document leran -->
     <!-- document.getElementById -->
        <!-- document.getElementByClassName -->
    <!-- innerHtML get the all the html value inside element-->
     <!-- innerText get only text written -->
      <!-- text content get text and hidden things -->
       <!-- querySelector -->
        <!-- queryselectorAll and node list  -->
         <!-- node list is not and array it is look a like you can use forEach to access the item, you can not use map method in it  -->
          <!-- for using map method on node list you first change nodelist into basic array and to treat it as an array so that use all the functionality -->

          <!-- getElementByClassName ad html collection -->
           <!-- html collection is not an array it is look a like it has not forEach mathod available to access the items have to convert htmlcollection into an array to access all the array functions to do on it using Array.from() method  -->
</body>
</html>