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/

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

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

谢谢

Answer 1

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

你几乎成功了。正如其他人提到的，document.getElementsByTagName returns 一个数组；你必须指定你想要的元素 [0].

我将您的消失功能更改为绑定到 window，因为我无法通过我的 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";
}

img onClick"" 不起作用？

img onClick"" doesn't work?

html

javascript

function

onclick

display