js中获取dom元素css样式的几种方式

在 JavaScript 中，获取 DOM 元素的 CSS 样式可以使用以下几种方式：

1. 使用 `style` 属性

    const element = document.getElementById('my-element');
    const color = element.style.color;

2. 使用 `window.getComputedStyle()` 方法

    const element = document.getElementById('my-element');
    const styles = window.getComputedStyle(element);
    const color = styles.getPropertyValue('color');

3. 使用 `element.currentStyle` 属性（仅适用于 IE 浏览器）

    const element = document.getElementById('my-element');
    const color = element.currentStyle.color;

需要注意的是，以上三种方式获取到的 CSS 样式值都是字符串类型，如果需要进行比较或计算，需要进行类型转换。