js怎么给div设置样式

// 获取div元素
var divElement = document.getElementById('myDiv');

// 设置样式
divElement.style.backgroundColor = 'blue';
divElement.style.width = '200px';
divElement.style.height = '100px';

/* 定义CSS类 */
.my-style {
  background-color: blue;
  width: 200px;
  height: 100px;
}

// 获取div元素
var divElement = document.getElementById('myDiv');

// 添加类名
divElement.className = 'my-style';

// 获取div元素
var divElement = document.getElementById('myDiv');

// 设置样式
divElement.setAttribute('style', 'background-color: blue; width: 200px; height: 100px;');

// 创建一个新的<style>元素
var styleElement = document.createElement('style');
document.head.appendChild(styleElement);

// 添加新的CSS规则
styleElement.sheet.insertRule('#myDiv { background-color: blue; width: 200px; height: 100px; }', styleElement.sheet.cssRules.length);