获取dom元素样式最常用的方法是使用window.getcomputedstyle()，1. 使用getcomputedstyle()可获取元素最终生效的所有css属性，包括外部样式表、内部样式和内联样式；2. 直接访问元素的style属性只能获取内联样式，无法读取外部或内部样式表中的样式；3. getpropertyvalue()方法可直接使用css属性名（如'background-color'）获取值，无需转换为驼峰命名；4. 获取css变量需通过getcomputedstyle()结合getpropertyvalue()，并传入变量名如'--primary-color'；5. 为提升性能，应缓存getcomputedstyle()结果，避免重复调用；6. 当样式动态改变时，必须重新调用getcomputedstyle()以获取最新样式值，缓存对象不会自动更新。综上，应根据场景选择合适方法，并注意性能优化与样式更新机制，以确保准确高效地获取元素样式。
获取DOM元素的样式，说白了就是读取元素当前生效的CSS属性值。这事儿在JavaScript里，可选择的路子还挺多的，但要根据具体情况选最合适的。
解决方案
最常用的方法是使用
window.getComputedStyle()。这个方法能获取到元素最终应用的所有CSS属性，包括通过CSS文件、