1.改变样式的属性
style属性：
语法：HTML元素.style.样式属性＝"值";
示例：
document.getElementById(" wrap ").style.color="# fff ";
document.getElementById(" wrap ").style. backgroundColor ="#ccc ";
className属性
语法：HTML元素.className="样式名称“;
2.获取元素的样式
语法：HTML元素.style.样式属性;
示例：alert(document.getElementById("cartList").style.display);
语法：document.defaultView.getComputedStyle(元素,null).属性
示例：var cartList=document.getElementById("cartList"); alert(document.defaultView.getComputedStyle(cartList,null).display);
语法：HTML元素. currentStyle.样式属性;
示例：alert(document.getElementById("cartList").currentStyle.display);
3.HTML中元素属性应用
offsetLeft :返回当前元素左边界到它上级元素的左边界的距离，只读属性
offsetTop :返回当前元素左边界到它上级元素的上边界的距离，只读属性
offestHeight :返回元素的高度
offsetWidth :返回元素的宽度
offsetParent :返回元素的偏移容器，即对最近的动态定位的包含元素的
scrollTop :返回匹配元素的滚动条的垂直位置
scrollLeft :返回匹配元素的滚动条的水平位置
clientWidth :返回元素的可见宽度
clientHeight :返回元素的可见高度
为了兼容性：
var sTop=document.documentElement.scrollTop || document.body.scrollTop;