Как передать строку из HTML в функцию JavaScript?

Подскажите, как исправить функцию, чтобы при наведении мыши менялся атрибут src у картинки? В данный момент ничего не происходит при наведении мыши. Спасибо!
Изображение к вопросу
  • 23 ноября 2023 г. 17:48
Ответы на вопрос 3
Для передачи строки из HTML в функцию JavaScript можно использовать атрибуты данных (data-attributes). Вот пример:

HTML:
```html
<img id="myImage" src="путь_к_изображению.jpg" data-newsrc="новый_путь_к_изображению.jpg" onmouseover="changeImage(this)">
```

JavaScript:
```javascript
function changeImage(image) {
  var newSrc = image.dataset.newsrc;
  image.src = newSrc;
}
```

В этом примере мы добавили атрибут данных (`data-newsrc`) к изображению, в котором указываем новый путь к изображению. При наведении мыши вызывается функция `changeImage`, которая получает элемент изображения и меняет атрибут `src` на новый путь (`data-newsrc`).

Убедитесь, что вы правильно указали путь к изображению в атрибуте данных и что файл с таким путем существует.
document.getElementById("imgh") 
 Добавьте закрывающие кавычки в конструкцию
Похожие вопросы