如何从dom获取class样式类，并修改样式

你可以使用JavaScript来获取DOM中的class样式类，并修改其样式。具体步骤如下：

1. 获取DOM元素：使用`document.querySelector()`或`document.querySelectorAll()`方法获取DOM元素。

2. 获取class样式类：使用`element.classList`属性获取元素的class列表。

3. 修改样式：使用`element.style`属性设置元素的样式。

下面是一个例子，假设我们要获取id为"myDiv"的元素中名为"myClass"的class样式类，并将其背景色改为红色：

<div id="myDiv" class="myClass">Hello World!</div>

// 获取元素
const myDiv = document.querySelector('#myDiv');

// 获取class样式类
const myClassList = myDiv.classList;

// 修改样式
myDiv.style.backgroundColor = 'red';

如果你想修改class样式类的样式，可以使用CSS样式表或JavaScript动态修改样式表。以下是一个例子，假设我们要将所有名为"myClass"的元素的字体颜色改为绿色：

<style>
  .myClass {
    color: blue;
  }
</style>
<div class="myClass">Hello World!</div>
<div class="myClass">Hello World!</div>
<div class="myClass">Hello World!</div>

// 获取所有名为"myClass"的元素
const myClassList = document.querySelectorAll('.myClass');

// 修改样式
myClassList.forEach(element => {
  element.style.color = 'green';
});