clientWidth 和 getBoundingClientRect.width 区别

来源:2-2 首页-头部样式(1)

学习plus

2021-01-05 14:09:22

​麻烦老师解答下,它们有什么区别

写回答

1回答

好帮手慕夭夭

2021-01-05

同学你好,clientWidth和getBoundingClientRect().width的区别参考如下:

1、clientWidth返回的宽度包含width和padding,不包含border。

2、getBoundingClientRect().width返回的宽度包含width、paddingborder

3、可以写一个小例子理解一下,如下:

http://img.mukewang.com/climg/5ff413c609ed453005340386.jpg

输出结果:


http://img.mukewang.com/climg/5ff413e60968fa7d01650099.jpg

祝学习愉快~

0

0 学习 · 6815 问题

查看课程