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

542 阅读1分钟

问题:

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节点元素盒子,其中包含高、宽,以及相对窗口边距。

官方文档如下:

developer.mozilla.org/zh-CN/docs/…