js添加class类名

你可以使用JavaScript的classList属性来添加class类名，例如：

var element = document.getElementById("myElement");
element.classList.add("myClass");

这将在id为“myElement”的元素上添加名为“myClass”的类。

相关问题

react class类通过document添加class类名

可以通过以下代码实现：

class MyComponent extends React.Component {
  componentDidMount() {
    document.body.classList.add("my-class");
  }

  render() {
    return <div>Hello World</div>;
  }
}

在组件挂载后，`componentDidMount` 方法会被调用，此时可以通过 `document.body` 获取到整个页面的 `body` 元素，然后调用 `classList.add` 方法来添加一个新的类名。这样就可以在页面中添加一个名为 `my-class` 的类了。

vue的$refs如何添加class类名

可以通过`$refs`属性访问Vue组件中的DOM元素，然后使用`classList`属性来操作元素的class。例如：

<template>
  <div ref="myDiv">Hello World</div>
</template>

<script>
export default {
  methods: {
    addClass() {
      this.$refs.myDiv.classList.add('my-class');
    },
    removeClass() {
      this.$refs.myDiv.classList.remove('my-class');
    }
  }
}
</script>

在上面的例子中，我们在组件中定义了一个带有`ref`属性的`div`元素，然后通过`$refs`属性获取该元素。接着，我们可以使用`classList`属性的`add`和`remove`方法来添加或删除指定的class类名。