行内样式、计算样式与四种尺寸 | 星雨笔录

核心： style 是行内样式，getComputedStyle 读计算样式；offsetWidth 等读布局尺寸。

最小示例：

const box = document.querySelector('#box');
box.style.width = '200px';
console.log(getComputedStyle(box).width, box.getBoundingClientRect().width);

学完能做： 区分行内样式、计算样式与布局尺寸。