DOM样式偏移量

DOM样式
1、float由于是关键字在DOM2样式中规定为style.cssFloat，而IE支持为styleFloat。
2、style的属性和方法：
1）、cssText:访问style的css代码
2）、length:应用给元素的css属性的数量
3）、parentRule:表示css信息的CSSRule对象
4）、getPropertyCSSValue(propertyName):返回包含给定属性值的CSSValue对象
5）、getPropertyPriority(propertyName):如果给定的属性用了!important设置，则返回"important";否则返回空字符串。
6）、getPropertyValue(propertyName):返回给定属性的字符串值
7）、removeProperty(propertyName):从样式中删除给定属性
8）、setProperty(propertyName,value,priority):将给定属性设置为相应的值，并加上优先权标志("important"或者一个空字符串)。
3、计算的样式
document.defaultView.getComputedStyle(myDiv,null)//myDiv为要取得计算样式的元素，后面一个参数是一个伪元素字符串如:after，如果不需要伪元素信息第二个参数可以是null。例：
document.defaultView.getComputedStyle(myDiv,null).border//在某些浏览器中是1px solid black.不过有些浏览器需要单独才能获取。如：border-left-width,即borderLeftWidth。
IE不支持上面的方法，IE用currentStyle属性，如：myDiv.currentStyle.width
4、元素大小
1）、偏移量
offsetHeight:元素垂直方向上占用的空间大小，包括边框
offsetWidth:元素水平方向上占用的空间大小，包括边框
offsetLeft:元素在左外边框至包含它的元素的左内边框之间的像素距离。
offsetTop:同上
其中，offsetLeft和offsetTop属性与包含它的元素有关，包含它的元素的引用保存在offsetParent属性中。offsetParent属性不一定与parentNode的值相等。如，<td>元素的offsetParent是祖先元素table，因为table是DOM层次中距<td>最近的一个具有大小的元素。
要知道某个元素在页面上的偏移量，将这个元素的offsetLeft和offsetTop与其offsetParent的相同属性相加，如此循环直至根元素，就可以得到一个基本准确的值。如：
function getElementLeft(element){
	var actualLeft=element.offsetLeft;
	var current=element.offsetParent;
	while(current!==null){
		actualLeft+=current.offsetLeft;
		current=current.offsetParent;
	}
	return actualLeft;
}
2）、客户区大小
clientWidth和clientHeight：内容加上padding。
3）、滚动大小
指定的是包含滚动内容的元素的大小。
scrollHeight:在没有滚动条的情况下，元素内容的总高度。即铺开显示后的高度
scrollWidth:同上
scrollLeft:被隐藏在内容区域左侧的像素数。通过设置这个属性可以改变元素的滚动位置。
scrollTop:同上，为0表示未被滚动。该属性可以被设置。