img onClick "" не работает?

Question

HTML

<img src="http://i.pr3cast.pw/02.09.10z.png" onClick="disappear()"> 

JS

function disappear() { 
document.getElementsByTagName("img").style.display = "none"; 
} 

https://jsfiddle.net/1y42d7zm/

Ничто не происходит с изображением, когда я нажимаю :(

Console говорит: Uncaught TypeError: Невозможно установить свойство 'Дисплей' из undefined

Thanks

Answer 1

(function(){ 
    window.disappear = function() { 
    console.log("dissapear"); 
    document.getElementsByTagName("img")[0].style = "display: none;"; 
    }; 
}()); 

У вас его почти не было. Как отмечали другие, document.getElementsByTagName возвращает массив; вы должны указать нужный элемент [0].

Я изменил вашу функцию исчезновения, чтобы привязываться к окну, поскольку я не смог получить к ней доступ через свой CodePen. Закрытие (function(){}()) делает это так, что код будет работать, когда dom готов.

CodePen

Answer 2

HTML:

<img id="to-disappear" src="http://i.pr3cast.pw/02.09.10z.png"   onClick="disappear()"> 

JS:

function disappear() { 
    document.getElementById("to-disappear").style.display = "none"; 
}