JavaScript reads styles outside of inline (introduction to the differences between style, currentStyle, and getComputedStyle)_javascript skills

There are three ways of style sheets
Inline Style: It is written in the Tag. Inline Style is only valid for all Tags.
Internal Style Sheet: It is written in the of HTML. The internal style is only valid for the web page where it is located.
External Style Sheet: If many web pages need to use the same styles (Styles), write the styles (Styles) in a CSS file with the suffix .css, and then use it on each page This CSS file is referenced in the web pages of these styles.

The following is js for reading styles other than inline styles. It can only be read but not written.

Copy code The code is as follows:

var mydiv = document.getElementById('mydiv');
if(mydiv.currentStyle) {
var width = mydiv.currentStyle['width'];
alert('ie:' width);
} else if(window.getComputedStyle) {
var width = window.getComputedStyle(mydiv, null)['width']
alert('firefox:' width);
}
In addition, under FF, you can also obtain it through the following method
document.defaultView.getComputedStyle(mydiv,null).width
window.getComputedStyle(mydiv , null).width

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>Document</title> <style> #test{width:200px;} </style> <div id="test"> </div>this is test content