JavaScript - img name onclick event
Как сделать так, чтобы JavaScript сообщал мне текущее имя изображения с помощью события ONCLICK ... и мне по некоторым причинам нужно сделать это с помощью alert ().
function imgName() {
window.alert()
}
HTML
<figure>
<img src = "aster.jpg" alt = "aster" onclick = "window.alert()">
<figcaption><span>I am aster</span></figcaption>
</figure>
Спасибо
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 5
Изменять:
onclick = "window.alert()"
к:
onclick = "imgName(this)"
и в вашем изменении функции imgName:
window.alert()
к
alert(foo.src)
где foo - это аргумент, который вы передаете функции через function imgName(foo)
function imgName(foo) {
alert(foo.src)
}<figure>
<img src = "aster.jpg" alt = "aster" onclick = "imgName(this)">
<figcaption><span>I am aster</span></figcaption>
</figure>Или вы можете просто отказаться от функции и напрямую предупредить src через:
<figure>
<img src = "aster.jpg" alt = "aster" onclick = "alert(this.src)">
<figcaption><span>I am aster</span></figcaption>
</figure>
Пожалуйста, смотрите ниже -
<html>
<body>
<script language = "javascript" >
function imgName() {
var fullPath = document.getElementById("img1").src;
window.alert(fullPath)
}
</script>
<img src = "aster.jpg" alt = "aster" id = "img1" onClick = "imgName()">
</form>
</body>
</html>
В onclick вы не вызываете функцию imgName (). Сделай это:
<figure>
<img src = "aster.jpg" alt = "aster" onclick = "imgName()">
<figcaption><span>I am aster</span></figcaption>
</figure>
Если «имя текущего изображения» означает, что вам нужен атрибут alt («звездочка»), код функции должен быть следующим:
function imgName() {
var nameOfPics = document.getElementsByTagName("img")[0].getAttribute("alt");
alert(nameOfPics);
}
Попробуйте объявить функцию перед ее использованием, например перед закрывающим тегом заголовка. <script> function imgName () {var nameOfPics = document.getElementsByTagName ("img") [0] .getAttribute ("alt"); оповещение (nameOfPics); } </script> </head>
Предоставление идентификатора изображению для запроса из js-кода.
и просто пишу:
alert(document.querySelector('#imageId').alt) //supposed alt as name.
Проблема в том, что когда вы щелкаете изображение, вы не вызываете связанную функцию.
Замените onclick = "window.alert()" на соответствующую функцию, чтобы вернуть уведомление об окне.
<img src = "aster.jpg" alt = "aster" onclick = "window.alert()">
Изменить с помощью:
<img src = "aster.jpg" alt = "aster" onclick = "imgName()">
Надеюсь, это поможет вам, извините, если это не лучший ответ
Это именно то, что я хочу .. Я хочу атрибут. Консоль сообщает: Uncaught ReferenceError: imgName не определен в HTMLImageElement.onclick