logo

Změňte obrázek src pomocí JavaScriptu | Příklad události programu onClick

Jak mohu změnit atribut src značky img pomocí javascriptu?

Dejte své značce img ID a poté k ní přistupte pomocí getElementById k přiřazení nového obrázku ve změně img, pomocí Change image src.

Jednoduchý jednořádkový kód:

document.getElementById("imageid").src="../newimg/abc.jpg";

Příklad obrázku změny kódu src pomocí JavaScriptu

Příklad kódu HTML pro změnu src značky img programově v JavaScriptu (JS).

Vytvořili jsme funkci pro dynamickou změnu obrázku na tlačítko click (pomocí události onClick). 

 <!DOCTYPE html>
<html>
<body>

   <img id="imageid" src="abc.png" id="image" />

   <button onclick="changSRC()">Change Image</button>

   <script>
    function changSRC() {
        document.getElementById("imageid").src="xyz.png";
        alert("changed")
    }
    </script> 
</body>
</html>

Výstup :

O:Jak JavaScript dynamicky nastavit image src?

Odpověď :Použijte id do značky img a getElementById…Přečtěte si více

Napište komentář, pokud znáte lepší příklad nebo máte návrhy či pochybnosti na toto téma.

Poznámka: Všechny příklady kódů JS jsou testovány v prohlížečích Firefox a Chrome.

OS:Windows 10

Kód:HTML 5 verze