JavaScript - img name onclick событие - PullRequest
Новая
       1

JavaScript - img name onclick событие

0 голосов
/ 09 января 2019

Как у меня 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>

Спасибо

Ответы [ 5 ]

0 голосов
/ 09 января 2019

Проблема в том, что когда вы щелкаете изображение, вы не вызываете соответствующую функцию.

Измените onclick="window.alert()" с помощью соответствующей функции для возврата окна предупреждения. 

<img src="aster.jpg" alt="aster" onclick="window.alert()">

Изменить на: 

<img src="aster.jpg" alt="aster" onclick="imgName()">

Я надеюсь, что это может помочь вам, простите меня, если это не лучший ответ

0 голосов
/ 09 января 2019

Предоставление идентификатора изображения для запроса из кода js.

и просто пишу: 

alert(document.querySelector('#imageId').alt) //supposed alt as name.
0 голосов
/ 09 января 2019

см. Ниже - 

   <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>
0 голосов
/ 09 января 2019

В «onclick» вы не вызываете функцию «imgName ()». Сделайте это: 

<figure>
    <img src="aster.jpg" alt="aster" onclick="imgName()">
    <figcaption><span>I am aster</span></figcaption>
</figure>

Если «имя текущего изображения» означает, что вам нужен атрибут alt («aster»), код функции должен быть таким: 

function imgName() {
  var nameOfPics = document.getElementsByTagName("img")[0].getAttribute("alt");
  alert(nameOfPics);
}
0 голосов
/ 09 января 2019

Изменение: 

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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...