js获取css样式的属性值

可以使用JavaScript的`window.getComputedStyle()`方法来获取CSS样式的属性值。具体的代码如下：

// 获取元素
var element = document.getElementById("myElement");

// 获取样式
var style = window.getComputedStyle(element);

// 获取属性值
var value = style.getPropertyValue("color");

其中，`getPropertyValue()`方法用于获取指定属性的值，需要传入属性名作为参数。在上述代码中，我以获取`color`属性的值为例。

相关问题

获取自定义CSS属性值

要获取自定义CSS属性值，可以使用JavaScript的`getComputedStyle()`函数。该函数可以获取元素的所有计算样式，包括自定义的属性。

例如，如果要获取id为"myDiv"的元素的自定义属性"my-color"的值，可以使用以下代码：

var elem = document.getElementById("myDiv");
var style = getComputedStyle(elem);
var color = style.getPropertyValue("--my-color");

其中，`style.getPropertyValue()`函数用于获取指定属性的值。注意，自定义属性需要以"--"开头。

vue 动态设置css样式的值

在 Vue 中，可以使用`v-bind`指令来动态设置 CSS 样式的值。具体的做法是在绑定的属性前加上`:style`，然后将样式名和值封装在一个 JavaScript 对象中，最后将该对象作为值绑定到`:style`上即可。例如：

<template>
  <div :style="{ color: textColor, fontSize: textSize + 'px' }">
    这里是动态设置样式的文本
  </div>
</template>

<script>
export default {
  data() {
    return {
      textColor: 'red',
      textSize: 14
    }
  }
}
</script>

在上面的代码中，`textColor`和`textSize`都是响应式数据，当数据发生变化时，绑定的样式也会相应地更新。注意，样式名需要使用驼峰式命名，如`fontSize`，而不是`font-size`。如果需要动态设置多个样式，可以在对象中添加多个属性即可。