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/

单击时图像没有任何反应：（

控制台说：未捕获的TypeError：无法设置属性＆＃39;显示＆＃39;未定义的

由于

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

img onClick＆＃34;＆＃34;不工作？

2 个答案: