js---样式

通过js修改元素的样式

语法：元素.style.样式名=样式值

如果带有-的是不合法的，需要改为驼峰命名法

 通过js修改样式是内联样式

内联样式具有较高的优先级，所以通过js修改的样式往往会立即执行

通过js读取的样式都是内联样式，无法读取样式表中的样式

 

获取元素当前显示的样式

语法：元素.currentStyle.样式名

它可以用来读取当前元素显示的样式

如果当前元素没有设置该样式，则获取它的默认值

注意：currentStyle只有IE浏览器支持

其他浏览器可以使用getComputedStyle()这个方法来获取元素当前的样式

这个方法时window的方法，可以直接使用

需要两个参数：

·1.要获取样式的元素

·2.可以传递一个伪元素，一般都传null

该方法返回一个对象，对象中封装了当前元素对应的样式

如果获取的样式没有设置，则会获取到真实的值，而不是默认值

读取到的样式都是只读的，只能通过style属性来进行修改

 

clientWidth和clientHeight

这两个属性可以获取元素的可见宽度和高度

这些属性都是不带px的，返回都是一个数字，可以直接进行计算

会获取元素的宽度和高度，包括内容区和内边距

这些属性都是只读的

 

offsetWidth和offestHeight

可以获取元素整个的高度和宽度，包括内容区，内边距和边框

 

offsetParent

可以用来获取当前元素的定位父元素

会获取到里当前元素最近的开启了定位的祖先元素

如果所有祖先元素都没有开启定位，则返回body

 

offsetLeft和offsetTop

当前元素相对于其定位父元素的水平偏移量和垂直偏移量

 

scrollWidth/scrollHeight

可以获取正而过滚动区域的宽度/高度

 

scrollLeft/scrollTop

可以获取水平/垂直滚动条滚动的距离

 

当满足scrollHeight-scrollTop==clientHeight时说明滚动条到底了