Чтобы изменить источник изображения с помощью JavaScript, вы можете использовать различные методы. Вот несколько подходов, которые вы можете использовать:
-
Использование свойства
src: вы можете напрямую изменить свойствоsrcэлемента изображения, чтобы изменить его источник. Например, если у вас есть изображение с идентификатором «myImage», вы можете использовать следующий код:document.getElementById("myImage").src = "new-image.jpg"; -
Использование метода
setAttribute(). Другой способ изменить источник изображения — использовать методsetAttribute(). Этот метод позволяет вам установить любой атрибут элемента HTML. Вот пример:document.getElementById("myImage").setAttribute("src", "new-image.jpg"); -
Создание нового элемента изображения. Вы также можете динамически создать новый элемент изображения и заменить существующее изображение новым. Вот пример:
var img = new Image(); img.src = "new-image.jpg"; document.getElementById("parentElement").replaceChild(img, document.getElementById("myImage"));В этом коде «parentElement» относится к родительскому элементу изображения, которое вы хотите заменить.
Это всего лишь несколько способов изменить источник изображения с помощью JavaScript. Наиболее подходящий метод зависит от вашего конкретного случая использования.