Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
In the following example, how to get the value of the style attribute using DOM api:
<!DOCTYPE html>
...
<div id="myid" style="foo"></div>
...
document.getElementById('myid').getAttribute('style') returns “foo” on firefox and google chrome but returns null on IE(9)
IE parses the style sheet and discards syntactically malformed parts. If you test with e.g.
<div id="myid" style="color: #003; foo; line-height: 1.3">then IE 9 Standards Mode returnscolor: rgb(0, 0, 51); line-height: 1.3;. So it has converted the color notation, and it has discarded the malformed part. In your case, the CSS code becomes empty after removing the bad part.Older versions of IE behave differently, and so does IE 9 in Quirks Mode. As a rule, avoid reading the
styleHTML attribute, and read thestyleDOM property instead. Regarding the difference, see question Different ways of accessing attribute values using javascript.