5.1 document.getElementById()

Kaya sing sampeyan ngerteni, JavaScript digawe kanggo nambah sawetara animasi menyang kaca HTML. Nganti saiki, kita durung ngomong babagan iki. Kepiye carane nambah animasi sing padha? Kepiye, contone, ngganti warna unsur?

Kanggo ngganti warna unsur, sampeyan kudu nemokake unsur iki. Kanggo nindakake iki, ana fungsi document.getElementById();Sampeyan nulis ing HTML iding unsur sing dikarepake, banjur ngakses saka JavaScript. Tuladha:

Java university 
<head>
    <script>
        function changeImage()
        {
           var image = document.getElementById("image123");
            image.src = "new-image.png";
        }
    </script>
</head>
<body>
    <img id="image123" scr="big-image.png" onclick="changeImage()">
</body>

Sawise pangguna ngeklik gambar kasebut, fungsi kasebut diarani changeImge(). Ing njero, kita entuk unsur imagekanthi ID, banjur ganti nilai atribut src dadi anyar. Kang bakal nimbulaké unsur imgkanggo mbukak gambar anyar.

5.2 document.createElement()

Saliyane entuk unsur, kita uga bisa nggawe unsur anyar lan mbusak sing wis ana.

Nggawe unsur gampang banget. Kanggo nindakake iki, sampeyan kudu nindakake rong perkara: a) nggawe unsur , b) nambah menyang panggonan sing bener ing dokumen. Biasane katon kaya iki:

<head>
    <script>
        window.onload = function ()   {
            var image = document.createElement("IMG");
            var image.src = "big-image.png";
            document.body.addAfter(image);
        }
    </script>
</head>
<body>
</body>

5.3 metode window.navigate().

Cara liya sing migunani banget yaiku window.navigate(). Kanthi, sampeyan bisa meksa browser kanggo mbukak kaca anyar tinimbang sing saiki. Cukup pass URLmenyang cara iki lan nelpon. Tuladha:

<body>
  <img scr="big-image.png" onclick="window.navigate('https://google.com');">
</body>

Ing conto ing ndhuwur, sawise pangguna ngeklik gambar, kaca google.com bakal dimuat menyang tab saiki.

5.4 URL saiki

Lan siji liyane migunani. Kadhangkala skrip kudu ngerti URL kaca saiki. Contone, skrip sing padha bisa ditambahake menyang kaca sing beda. Carane nindakake?

Ana properti khusus kanggo iki.document.location.href

var currentURL = document.location.href;