Hiding and showing HTML elements with javascript

Question

I'm having trouble showing and hiding a tag on my page.

When the page loads I have

<a id="mylink" class="hiddenClass">...</a>

hiddenClass has display: none

When a certain event occurs, I use javascript to try and show the element in block style

document.getElementById("mylink").display = "block";

It doesn't show it. When I alert document.getElementById("mylink").display it says block.. but it's not showing.

How can I fix this..? And, in general, what is the best way to show and hide DOM elements?

Eric · Accepted Answer · 2010-08-02 01:50:30Z

6

You need to do:

document.getElementById("mylink").style.display = "block";

answered Aug 2, 2010 at 1:50

Eric

3,3641 gold badge32 silver badges29 bronze badges

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

Comments

alex · Accepted Answer · 2010-08-02 01:49:00Z

0

You could remove that class

document.getElementById("mylink").className = '';

answered Aug 2, 2010 at 1:49

alex

492k205 gold badges890 silver badges992 bronze badges