DOM常用的属性

60 阅读 0 评论 40 点赞

我是靠谱客的博主眯眯眼摩托，最近开发中收集的这篇文章主要介绍DOM常用的属性，觉得挺不错的，现在分享给大家，希望可以做个参考。

offsetHeight height+padding+border，当前对象的高度

clientHeight 获取对象可视高度，不包括滚动条，不包括边框
scrollHeight 获取对象的滚动高度/内容总高度

offsetWidth

clientWidth

scrollWidth

offsetTop 当前对象相对于定位父级的top值
clientTop 获取对象上边框的border高度
scrollTop 滚动上去的那一部分，设置给能够滚动的元素。不能滚动的元素，scrollTop为0

offsetLeft

clientLeft

scrollLeft

【利用scrollTop属性，可以实现网页的“回到顶部”的小效果，下篇博文会加以详细说明，需要的小伙伴，可以抽空过来看看~】

窗口宽度
window.innerWidth 不包含工具栏、控制台
window.outerWidth 包含工具栏、控制台

window.innerHeight

window.outerHeight

这些属性的好处是：用着比较方便，是属于只读属性，不带有单位“px”，省掉了特殊的场景需要去除单位的麻烦。

最后，引用一张很火的图，具体是谁的图，我已经不知道了，感谢~~~

以上就是眯眯眼摩托为你收集整理的DOM常用的属性的全部内容，希望文章能够帮你解决DOM常用的属性所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。