Прикрепление элементов onclick to img не работает

Question

function prepareEventHandlers() {  
    var myImga = document.getElementsByTagName('img'); 

    myImga.onclick = function() { 
     alert("This is Eminem Known As RAP God. The Best Rapper ever"); 
    } 
} 

window.onload = function() { 
    prepareEventHandlers(); 
} 

Почему эта функция не работает в JavaScript.

Answer 1

Изменить myImga.onclick на myImga[0].onclick. Он будет работать для первого элемента.

Answer 2

То, что вы пытаетесь сделать, не имеет особого смысла, но, однако, с помощью jquery вы можете добиться этого довольно легко.

Проблема в том, что вы извлекаете массив элементов, собственный javascript не поддерживает установку событий click для массива элементов. Кроме того, если на странице нет img, ваш код не сработает и сломает другой код javascript дальше в коде. Если вы с другой стороны используете jquery и события click, вы проверите это для вас и сделаете доступ доступным, если изображение загрузится после загрузки javascript.

Надеется, что это помогает

первым включает JQuery:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 

Тогда вы можете просто добавить это к вашей странице

<script>  
    $('img').on(document, 'click', 
     function() { 
      alert("This is Eminem Known As RAP God. The Best Rapper ever"); 
     } 
    ); 
</script> 

Answer 3

Вам нужен цикл для цикла по объектам, которые Возврат:

function myAlert(){ 
     alert("You clicked the picture. Good for you."); 
} 

function prepareEventHandlers() {  
    var myImga = document.getElementsByTagName('img'); 

    for(var i=0,l=myImga.length; i<l; ++i) myImga[i].onclick = myAlert; 
} 

window.onload = function() { 
    prepareEventHandlers(); 
} 

Возможно, и, возможно, стоит проверить это в браузере. Используйте Ctrl + Shift + J воспитывает инструменты разработчика в хроме - вы даже можете попробовать это из Stackoverflow - а затем введите:

myImga = document.getElementsByTagName('img')

и вы сразу увидите, что myImga является массивом.

Линия работает в средствах разработчика браузера, если вы используете анонимную функцию для установки предупреждения. Счастливое оповещение.

Answer 4

вы можете использовать:

<script> 
function prepareEventHandlers() {  
    var myImga = document.getElementsByTagName('img'); 
for(x in myImga){ 
    myImga[x].onclick = function() { 
     alert("This is Eminem Known As RAP God. The Best Rapper ever"); 
    } 
} 
} 

window.onload = function() { 
    prepareEventHandlers(); 
} 
</script>