How to work : document.getElementById("ElementName").style="display:block!important"

Question

I have used:

document.getElementById("ElementName").style.display = 'block';

This is working. Now I would like to display the "ElementName" field on a button click. But this was not working:

document.getElementById("ElementName").style="display:block!important"

What does your code have to do with *" Now I would like to display the "ElementName" field on a button click."*? — dfsq, Nov 10 '14 at 13:45
See the Issue - http://stackoverflow.com/questions/2655925/how-to-apply-important-using-css — prog1011, Nov 10 '14 at 13:48

score 1 · Answer 1 · answered Nov 10 '14 at 13:55

1

You can use this,

document.getElementById("challenges").style.cssText += "display : block !important"

answered Nov 10 '14 at 13:55

Bharath

519
4
7

Modified the code to support tags having inline css's – Bharath Nov 10 '14 at 13:59

score 0 · Answer 2 · answered Nov 10 '14 at 13:47

0

Try this

document.getElementById("ElementName").style.display = "block !important"

//or 

document.getElementById("ElementName").style.display = "hide !important"

answered Nov 10 '14 at 13:47

vmontanheiro

989
7
12

l2aelba · Answer 3 · 2014-11-10T13:55:06.327

0

What about this way... (if you really want to do) ?

Try to add given class :

var el = document.getElementById('ElementName');
el.className = el.className + ' block-important';

and add this in your CSS file :

.block-important {
   display: block!important;
}

But @torazaburo's answer says about using of important is correct

edited Nov 10 '14 at 13:55

answered Nov 10 '14 at 13:49

l2aelba

20,261
20
97
133

@torazaburo Idk his project, i answered as he asked :P – l2aelba Nov 10 '14 at 13:51

How to work : document.getElementById("ElementName").style="display:block!important"

3 Answers3