2023年6月20日发(作者：)

通过DOM来获取元素样式⼀、IE浏览器获取样式读取box1当前显⽰的样式的宽度 语法：元素.currentStyle.样式名 他可以⽤来显⽰当前元素样式 只有IE⽀持这种⽅式⼆、其他浏览器获取样式在其他浏览器中可以使⽤ getComputedStyle().样式

这个⽅法来获取当前元素的样式 这个⽅法时window的⽅法 可以直接使⽤需要两个参数 第⼀个 要获取样式的元素 第⼆个 可以传递⼀个伪元素 ⼀般都传null该⽅法会返回⼀个对象，对象中封装了当前元素的对应样式可以通过 对象.样式名 来读取样式⽐如获取的样式没有设置，则会获取到真实的值，⽽不是默认值如果没有设置width 则它不会获取到auto ⽽是⼀个长度IE8不⽀持此⽅法通过currentStyle和getComputedStyle()读取到的样式都是只读的 不能修改 如果要修改必须通过style属性三、其他样式操作属性clientWidthclientHeight 这两个属性可以获取元素的可见宽度和⾼度 包括内容区和内边距 这些属性都是不带px的 返回的都是数字 可以直接进⾏计算 这些属性都是只读的不能修改offsetWidthoffsetHeight 获取元素整个的宽度和⾼度 包括内容区和内边距还有边框offsetParent 获取当前元素的定位⽗元素 会获取到离当前元素最近的开启定位的祖先元素 如果所有祖先元素都没有开启定位 则返回bodyoffsetLeft 当前元素相对于其定位⽗元素的⽔平偏移量offsetTop 当前元素相对于其定位⽗元素的垂直偏移量scrollHeightscrollWidth 获取元素整个滚动区域的⾼度scrollLeftscrollTop 获取⽔平/垂直滚动条滚动的距离⼩技巧： 当满⾜ scrollHeight-scrollTop == clientHeight 说明垂直滚动条滚动到底 当满⾜ scrollWidth-scrollLeft == clientWidth 说明垂直滚动条滚动到底

2023年6月20日发(作者：)

通过DOM来获取元素样式⼀、IE浏览器获取样式读取box1当前显⽰的样式的宽度 语法：元素.currentStyle.样式名 他可以⽤来显⽰当前元素样式 只有IE⽀持这种⽅式⼆、其他浏览器获取样式在其他浏览器中可以使⽤ getComputedStyle().样式

这个⽅法来获取当前元素的样式 这个⽅法时window的⽅法 可以直接使⽤需要两个参数 第⼀个 要获取样式的元素 第⼆个 可以传递⼀个伪元素 ⼀般都传null该⽅法会返回⼀个对象，对象中封装了当前元素的对应样式可以通过 对象.样式名 来读取样式⽐如获取的样式没有设置，则会获取到真实的值，⽽不是默认值如果没有设置width 则它不会获取到auto ⽽是⼀个长度IE8不⽀持此⽅法通过currentStyle和getComputedStyle()读取到的样式都是只读的 不能修改 如果要修改必须通过style属性三、其他样式操作属性clientWidthclientHeight 这两个属性可以获取元素的可见宽度和⾼度 包括内容区和内边距 这些属性都是不带px的 返回的都是数字 可以直接进⾏计算 这些属性都是只读的不能修改offsetWidthoffsetHeight 获取元素整个的宽度和⾼度 包括内容区和内边距还有边框offsetParent 获取当前元素的定位⽗元素 会获取到离当前元素最近的开启定位的祖先元素 如果所有祖先元素都没有开启定位 则返回bodyoffsetLeft 当前元素相对于其定位⽗元素的⽔平偏移量offsetTop 当前元素相对于其定位⽗元素的垂直偏移量scrollHeightscrollWidth 获取元素整个滚动区域的⾼度scrollLeftscrollTop 获取⽔平/垂直滚动条滚动的距离⼩技巧： 当满⾜ scrollHeight-scrollTop == clientHeight 说明垂直滚动条滚动到底 当满⾜ scrollWidth-scrollLeft == clientWidth 说明垂直滚动条滚动到底