javascript - img onClick ""doesn' 工作吗？

Question

这个问题已经有答案了:

What do querySelectorAll and getElementsBy* methods return? (12 个回答)

已关闭 6 年前。

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]。

我将您的消失函数更改为与窗口绑定(bind)，因为我无法通过我的 CodePen 访问它。闭包 (function(){}()) 使得代码在 dom 准备好时运行。

CodePen