JS uses the getComputedStyle() method to obtain CSS attribute values_javascript tips

In the process of debugging web pages, js is often used to obtain the CSS style of elements. There are many methods. Now I only summarize the methods I often use as follows:

1. obj.style: This The method is that JS can only get the value written in the style attribute written in the html tag (style="..."), but cannot get the attribute defined in

JS gets CSS attribute value

< script type=”text/javascript”>
alert(document.getElementById(“css88″).style.width);//200px
alert(document.getElementById(“css88″).style.color) ;//Blank

2. Obj is used in IE .currentStyle method, while FF uses the getComputedStyle method

"DOM2-level style" enhances document.defaultView and provides the getComputedStyle() method. This method accepts two parameters: the element to get the calculated style from and a pseudo-element string (such as ":after"). If pseudo-element information is not required, the second parameter can be null. The getComputerStyle() method returns a CSSStyleDeclaration object that contains all calculated styles for the current element. Take the following HTML page as an example:

Copy code The code is as follows: