想获取元素的最终计算样式应使用window.getcomputedstyle()，因为它能返回元素所有来源样式的计算值；2. 若仅需读取或设置内联样式，可直接使用element.style；3. getcomputedstyle返回的是浏览器渲染后的绝对值，如相对单位会转为px，颜色转为rgb格式；4. 获取伪元素样式需在getcomputedstyle第二个参数传入'::before'或'::after'；5. element.style仅对内联样式有效，无法读取css文件或继承样式。
在JavaScript里想拿到一个元素的样式值，主要有两种方法：一种是直接通过
element.style属性，它能拿到那些直接写在HTML标签上的内联样式；另一种是使用
window.getComputedStyle()方法，这是更通用、更强大的方式，它能获取到元素所有最终计算后的样式，无论这些样式是来自内联、内部样式表、外部样式表还是浏览器默认的。
获取元素的样式值，这事儿看似简单，实则里面有点小门道。
首先，最直接的，如果你想获取一个元素上通过
style属性直接设置的内联样式，比如