dom节点属性:
clientWidth(不推荐):dom节点可视区域的宽度。(可滚动距离不算在内哈。)
clientHeight(不推荐):dom节点可视区域的高度。(可滚动距离不算在内哈。)
offsetWidth:dom节点可视区域的宽度,包含边框、内边距。(可滚动距离不算在内哈。)
offsetHeight:dom节点可视区域的宽度,包含边框、内边距。(可滚动距离不算在内哈。)
scrollWidth:dom节点的内容可滚动距离,横向滚动距离。(注意:overflow:hidden时也能获取它完全展示时的可滚动距离)
scrollHeight:dom节点的内容可滚动距离,纵向滚动距离。(注意:overflow:hidden时也能获取它完全展示时的可滚动距离)
scrollLeft:dom节点的滚动条位置。(此属性可以直接修改)
scrollTop:dom节点的滚动条位置。(此属性可以直接修改)
以上所有属性只要获取到原生dom节点,都可以直接访问这些属性。如:
document.querySelector('.tagBox0').offsetWidth
注意:clientWidth和clientHeight属性,相对于offsetWidth和offsetHeight应用的情况相对于少一些,一般推荐先使用offsetWidth和offsetHeight,除非需求无法实现。