JavaScript-samples/dom_sample.js at master · cmarsh940/JavaScript-samples · 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
46
47
48
49
50
51
52
53
54
55
56
57
***************  HTML   ******************
<html>
<body>
    <div id="message">
        Hello World!
    </div>
<script>
    let x = document.getElementById("message").innerHTML;
    console.log(x);
</script>
</body>
</html>


***************  /HTML   ******************


let x = document.getElementById("message").innerHTML;


***************  HTML   ******************


<html>
<body>
    <ol id="fruit">
        <li>Bananas</li>
        <li>Oranges</li>
        <li>Apples</li>
    </ol>
<script>
    let new_fruit = document.createElement("li");
    // create an empty li
    new_fruit.innerHTML = "Pears";
    // modify its innerHTML content with the a string
    document.getElementById("fruit").appendChild(new_fruit);
    // append our new DOM element to the id 'fruit'
</script>
</body>
</html>


***************  /HTML   ******************