如何在某个类(JS)中操作元素的样式

// 获取元素
const element = document.getElementById('myElement');

// 设置单个样式
element.style.color = 'red';
element.style.backgroundColor = 'yellow';

// 设置多个样式
element.style.cssText = 'color: blue; font-size: 20px;';

<!-- HTML -->
<style>
  .highlight {
    background-color: yellow;
    color: red;
    font-size: 20px;
  }
</style>
<div id="myElement">Hello, World!</div>

// JavaScript
const element = document.getElementById('myElement');

// 添加类
element.classList.add('highlight');

// 移除类
element.classList.remove('highlight');

// 切换类
element.classList.toggle('highlight');

document.addEventListener('DOMContentLoaded', function() {
  const element = document.getElementById('myElement');
  element.style.color = 'red';
});

// 批量修改样式
element.style.cssText = 'color: blue; font-size: 20px;';