JS操作DOM(二)

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;