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;

JS操作DOM(二)

上一篇:实用工具网站


下一篇:HTTP协议