注:"elm"代表某个DOM元素,"xxx"代表某个CSS属性
一、elm.style.xxx 只能获取内联样式里的值
要想获得正确的css值:
IE:elm.currentStyle[xxx]
W3C标准:document.defaultView.getComputedStyle(elm,"")[xxx]
注意:用IE方法返回值可能不是数字,而是auto;用w3c的方法总是会返回数字+单位
三、offsetLeft
1.浏览器是否会把body的各个属性值(margin,padding,border)包括在offsetLeft内?
IE6/7 | IE8 | Firefox | |
---|---|---|---|
margin-left | 否 | 是 | 是 |
padding-left | 是 | 是 | 是 |
border-left | 否 | 是 | 否 |
3.对于元素自身的属性值,只有margin-left会被包括在offsetLeft内
4.在元素 display:none 情况下 offsetLeft 的值: IE6/ 7:-1 IE8/ Firefox:0
5.visibility:hidden不会影响offsetLeft
6.body的offsetLeft值:
A.IE6/7会把body的margin-left包括在其offsetLeft内
B.若body有宽度为x的边框(border),在Firefox里body的offsetLeft会变成-x
四、offsetTop
情况与offsetLeft一样
五、offsetWidth和offsetHeight
在所有主流浏览器里,这两个属性的值都是:border+padding+width