clientWidth、offsetWidth、scrollWidth区别

1, clientWidth的实际宽度

clientWidth = width+左右padding

2, clientHeight的实际高度

clientHeight = height +上下padding

1, offsetWidth的实际宽度

offsetWidth = width +左右padding +左右border

2, offsetHeight的实际高度

offsetHeitht = height +上下padding+上下border

1, scrollWidth实际宽度

scrollWidth:获取指定标签内容层的真实宽度(可视区域宽度+被隐藏区域宽度)。

2, scrollHeight的实际高度

scrollHeight:获取指定标签内容层的真实高度(可视区域高度+被隐藏区域高度)