js获取dom元素的样式

在JavaScript中，获取DOM元素的样式通常通过`style`属性或`getComputedStyle()`方法来实现。以下是两种常见的方法：

1. **使用`style`属性**：

   var element = document.getElementById('yourElementId');
   var style = element.style; // 获取元素的内联样式
   console.log(style.color); // 获取颜色样式（如color）

2. **使用`getComputedStyle()`方法**：
这个方法更全面，可以获取到元素的所有CSS样式，包括继承的样式。例如：

   var element = document.getElementById('yourElementId');
   var computedStyle = window.getComputedStyle(element);
   console.log(computedStyle.getPropertyValue('color')); // 获取颜色样式（如color）

`getPropertyValue()`函数用于指定你想获取的具体样式名称。