img on点击" "不起作用？

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/

单击:(时图像没有任何反应

控制台 说： 未捕获的类型错误： 无法设置未定义的属性"显示">

谢谢

Answer 1

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

你几乎拥有了它。正如其他人所提到的，document.getElementsByTagName 返回一个数组;您必须指定要[0]的元素。

我更改了您的消失功能以绑定到窗口，因为我无法通过我的 CodePen 访问它。闭包(function(){}())使得代码将在 dom 准备就绪时运行。

代码笔

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";
}