document.getElementById().style.width获取不到宽度

问题：
document.getElementById().style.width死活获取不到dom的宽度！！
原因：
dom.style.width只能获取到style里面设置的宽度，即便在class里设置了宽度，也获取不到。
解决：
document.getElementById().offsetWidth即可正常获取dom的实际宽度。
区分：
document.getElementById().style.width，只能获取style里设置了宽度的dom的宽度，且值为字符串200px。
document.getElementById().offsetWidth，获取dom的实际宽度，值为数值200。
——————————————————————
另外：
document.getElementById().getBoundingClientRect()，获取dom节点元素盒子，其中包含高、宽，以及相对窗口边距。
官方文档如下：
https://developer.mozilla.org/zh-CN/docs/Web/API/Element/getBoundingClientRect