JS为每个类添加样式

要为每个类添加样式，我们需要使用JavaScript动态获取所有类，并对其添加样式。这可以通过以下步骤来实现：

1. 获取所有元素并将其存储在变量中
2. 对于每个元素，使用 classList 属性获取其类名
3. 遍历类名列表并为每个类添加样式

下面是一个示例代码片段：

// 获取所有元素
const elements = document.querySelectorAll('*');

// 遍历所有元素
elements.forEach(element => {
  // 获取元素的类名列表
  const classList = element.classList;

  // 遍历类名列表
  classList.forEach(className => {
    // 添加样式
    element.style.backgroundColor = 'blue';
    element.style.color = 'white';
  });
});

在上面的示例中，我们使用 querySelectorAll 获取到所有元素（ * 表示所有元素）。然后，我们遍历每个元素，并使用 classList 获取其所有类名。接下来，我们遍历类名列表，并将样式添加到每个类名对应的元素。

此示例中，我们为所有元素添加了一个蓝色背景和白色文字颜色。你可以根据需要更改这些样式，也可以添加其他样式以适应你的需求。

注意：在将样式应用于所有元素之前，请确保这是你真正需要的操作，因为这可能会影响性能。