总结获取dom元素宽高的几个属性区别

js获取dom元素宽高,我们用的最多的有三种(此处不包括获取元素width等属性值或者css属性值),即clientWidth、clientHeight,offsetWidth、offsetHeight和scrollWidth、scrollHeight。
先上代码




    
    
    Document
    


    

sss

总结
clientWidth:width+2*padding-滚动条宽度(若高超出,注意,不是宽)
offsetWidth:width+2*padding+2*borderWidth(无视滚动条宽度)
scrollWidth:元素内宽度堆积最大值maxWidth+1*padding-滚动条宽度(若高超出,注意,不是宽)

clientHeight:height+2*padding-滚动条宽度(若宽超出)
offsetHeight:height+2*padding+2*borderWidth(无视滚动条宽度)
scrollHeight:元素内高度堆积最大值maxHeight+1*padding-滚动条宽度(若宽超出)

你可能感兴趣的:(总结获取dom元素宽高的几个属性区别)