Hi I am using angularjs to get a css property value but it is coming back undefined. Here is the code I am using:
var test = angular(document.querySelector('.mobile-menu')).attr('display');
This code is inside a directive.
-
And what is the css on that element?random_user_name– random_user_name2014-05-15 20:51:30 +00:00Commented May 15, 2014 at 20:51
-
Did you read here docs.angularjs.org/api/ng/function/angular.element?elclanrs– elclanrs2014-05-15 20:51:51 +00:00Commented May 15, 2014 at 20:51
Add a comment
|
1 Answer
I had found that even if your css class contains display your test var will be empty. you need to define it inside the style attribute of the element
<div class="mobile-menu" style="display: block"></div>
Javascript:
var test = angular.element(document.querySelector('.mobile-menu')).css('display');
alert(test);
JSFiddle: http://jsfiddle.net/AQtc8/
remove the style attribute from the div and test will be empty.
