javascript change image src

Mengubah src dari img tag secara Programatik - Stack Overflow Anda dapat mengubah URL gambar menggunakan properti src dari objek Image pada HTML DOM. Pelajari sintaksis, nilai pengembalian, dukungan browser, serta contoh penggunaan properti src pada JavaScript. Anda juga bisa mengubah URL gambar menggunakan JavaScript, baik dengan JavaScript biasa maupun jQuery. Berikut contoh penggunaannya: img src="cat.png" class="image" Langkah pertama, dapatkan elemen img dari DOM menggunakan method querySelector (). const image = document. querySelector ( ".image" ); Setelah itu, ubah atribut src gambar menggunakan baris kode ini: image. src = "dog.png"; Setelah melakukan perubahan URL, gambar akan langsung dimuat. Anda dapat mengabaikan objek dan melanjutkan perintah selanjutnya. Cara lainnya adalah dengan menggunakan method setAttribute () pada JavaScript untuk mengubah sumber gambar dengan menetapkan URL baru ke atribut 'src' pada element img. Berikut contohnya: function changeImage() { var img = document.getElementById('image'); img.setAttribute('src', 'new_image.jpg'); } Dalam contoh ini, gambar dengan ID 'image' akan diubah menjadi gambar baru yang memiliki URL 'new_image.jpg'. Anda juga bisa menggunakan jQuery untuk mengubah atribut src gambar, seperti ini: var img = jQuery('img[name="edit-save"]'); img.attr('src', 'new_image.jpg'); Namun, perlu diingat bahwa penggunaan img sebagai atribut pada jQuery akan memberikan nilai kosong jika tidak ada gambar yang ditemukan. Demikianlah cara mengubah src dari img tag secara programatik menggunakan JavaScript dan jQuery. Untuk informasi lebih lanjut tentang cara kerja JavaScript pada web development, silahkan kunjungi W3schools yang menyediakan berbagai tutorial, referensi, dan latihan online gratis dalam bahasa utama web development seperti HTML, CSS, JavaScript, Python, SQL, Java, dan lainnya.