Hide an HTML <img ...> with javascript

Question

I am trying to make a simple game about sliding ice-blocks. However, I tested this JSFiddle and I want to "hide" the image/button on the line alert('Game starts!');. I tried startButton.style = "visibility: hidden;"; but it didn't work...

I only need to resolve this problem, I know how to code the game itself :)

beercodebeer · Accepted Answer · 2014-06-23 17:49:19Z

2

Adding this after the alert seems to work.

this.style.display = 'none';

updated Fiddle

answered Jun 23, 2014 at 17:49

beercodebeer

9906 silver badges5 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

HerraE Over a year ago

Nice it worked, thanks :) Is there any possibility, to write the "onclick-function" into a own .js data or do I really have to write this in a <script> tag?

hairmot · Accepted Answer · 2014-06-23 17:46:59Z

0

try document.getElementById("startButton").style.display="none"

answered Jun 23, 2014 at 17:46

hairmot

2,9551 gold badge16 silver badges26 bronze badges

Comments

chepe263 · Accepted Answer · 2014-06-23 17:48:30Z

0

try

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

HTMLElement.style reference (MDN)

answered Jun 23, 2014 at 17:48

chepe263

2,81224 silver badges39 bronze badges

Comments

blueygh2 · Accepted Answer · 2014-06-23 17:49:34Z

0

You can also use jQuery UI, which has a "hide" method. You can then simply say $('.startButton').hide() You can even apply different effects.

However, this will set the visibility to none, removing the object from the DOM. If you don't care about that, it's fine, but it should be borne in mind.

answered Jun 23, 2014 at 17:49

blueygh2

1,53810 silver badges15 bronze badges

1 Comment

vogomatix Over a year ago

Another advantage of using jQuery is that you don't have to write all the specialised code that ensures it runs in every single possible browser - jQuery does most of it for you

kei · Accepted Answer · 2014-06-23 17:50:17Z

0

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

answered Jun 23, 2014 at 17:50

kei

20.5k2 gold badges38 silver badges64 bronze badges

Collectives™ on Stack Overflow

Hide an HTML <img ...> with javascript

5 Answers 5

1 Comment

Comments

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

Comments

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related