5.1 document.getElementById()

După cum știți, JavaScript a fost creat pentru a adăuga niște animații paginilor HTML. Până acum, nu am spus prea multe despre asta. Cum să adaugi aceeași animație? Cum, de exemplu, să schimbi culoarea unui element?

Pentru a schimba culoarea unui element, mai întâi trebuie să găsiți acest element. Pentru a face acest lucru, există o funcție document.getElementById();Scrieți în HTML idla elementul dorit și apoi accesați-o din JavaScript. Exemplu:

Java webinar 
<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>

După ce utilizatorul face clic pe imagine, funcția se numește changeImge(). În interiorul acestuia, obținem elementul imageprin ID, apoi schimbăm valoarea atributului său src cu unul nou. Ceea ce va face ca elementul imgsă încarce o nouă imagine.

5.2 document.createElement()

Pe lângă obținerea unui element, putem crea și noi elemente și le putem șterge pe cele existente.

Crearea elementelor este foarte ușoară. Pentru a face acest lucru, trebuie să faceți două lucruri: a) creați un element , b) adăugați-l în locul potrivit în document. De obicei arată așa:

<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 metoda window.navigate().

O altă metodă foarte utilă este window.navigate(). Cu acesta, puteți forța browserul să încarce o pagină nouă în loc de cea actuală. Doar trece-o URLla această metodă și apelează-o. Exemplu:

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

În exemplul de mai sus, după ce utilizatorul face clic pe imagine, pagina google.com va fi încărcată în fila curentă.

5.4 Adresa URL curentă

Și încă un lucru util. Uneori, un script trebuie să cunoască adresa URL a paginii curente. De exemplu, același script poate fi adăugat în pagini diferite. Cum să o facă?

Există o proprietate specială pentru aceasta.document.location.href

var currentURL = document.location.href;