JavaScript 获取与设置 CSS 样式的兼容方案

JavaScript 获取 CSS 样式的挑战

使用原生 JavaScript 获取并设置 CSS 样式，表面上看操作简便，实则涉及诸多细节。日常开发中常用的 ele.style.属性名方式，仅能读取元素的内联样式（即 HTML 标签中 style 属性定义的样式）。然而，实际项目中绝大多数样式规则都定义在外部样式表或内部 style 块中，因此该方法无法满足常规需求。

为了解决上述问题，需要采用更通用的样式获取策略。

以下代码片段旨在实现跨浏览器兼容，特别是针对早期 Internet Explorer 浏览器的特殊处理机制。

function getStyle(element, attr) {
　　if (element.currentStyle) {
　　　　return element.currentStyle[attr];//傻逼IE的获取元素的方法
　　} else {
　　　　return getComputedStyle(element, null)[attr];
　　}
}

以上内容分享了 JavaScript 获取及设置 CSS 样式的核心方法，供开发者参考与实践。