Return display property via javascript

Question

I have an element with display property set to none. I want to use javascript to return this display property. The code I'm using returns nothing or NULL when it should return "none". This is the code i'm using:

element CSS

.element
{
display:none;
}

javascript

function get_display_status()
{


    var element = document.getElementById('elementID');
    var status = element.style.display;

    document.write(status);
}

Result: Current status: ""

Image : http://gyazo.com/f662fd257602e973ca329a25314fb6ab

Any workarounds to this? Thanks

Musa · Accepted Answer · 2014-06-28 21:36:51Z

1

What you're getting is the elements inline style, what you want is its computed style, try

var status =  document.defaultView.getComputedStyle(element, null).display;

answered Jun 28, 2014 at 21:36

Musa

97.9k17 gold badges123 silver badges144 bronze badges

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

2 Comments

user3786717 Over a year ago

Works 100%. Will select your answer, what exactly is the elements inline style?

Musa Over a year ago

That's when the element has a style attribute or you set the style like element. style.property

Collectives™ on Stack Overflow

Return display property via javascript

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related