使用javascript隐藏HTML <img ...=""/>

时间:2014-06-23 17:43:38

标签: javascript css html5 visibility

我正在尝试制作一个关于滑冰块的简单游戏。但是,我测试了这个JSFiddle,我想&#34;隐藏&#34;第alert('Game starts!');行上的图片/按钮。我试过startButton.style = "visibility: hidden;";,但它没有工作......

我只需要解决这个问题,我知道如何编写游戏本身:)

5 个答案:

答案 0 :(得分:2)

警报后添加此功能似乎有效。

this.style.display = 'none';

updated Fiddle

答案 1 :(得分:0)

尝试document.getElementById(“startButton”)。style.display =“none”

答案 2 :(得分:0)

 document.getElementById("startButton").style.visibility = 'hidden';

HTMLElement.style reference (MDN)

答案 3 :(得分:0)

您还可以使用jQuery UI,它具有“隐藏”方法。然后你可以简单地说 $('.startButton').hide() 你甚至可以应用不同的效果。

但是,这会将可见性设置为 none ,从DOM中删除对象。如果你不关心它,那很好,但应该记住它。

答案 4 :(得分:0)

startButton.onclick = function()
{
   startButton.style.visibility="hidden";
   /* OR
   startButton.style.display="none";
   */
   alert('Game starts!');
}