具有类的document.createElement（'div'）

Question

我可以使用createElement（）这样通过JavaScript创建HTML元素：

let div = document.createElement('div');

但是如何将CSS类添加到新创建的div中？

我尝试了类似的方法，但是没有用：

let div = document.createElement('div class=myDiv');

Answer 1

执行div.classList.add

let div = document.createElement('div');
div.classList.add('test');
let text = document.createTextNode('Test');
div.appendChild(text);
document.body.appendChild(div)

.test {
  color: green;
}

您也可以通过className

let div = document.createElement('div');
div.className = 'test';
let text = document.createTextNode('Test');
div.appendChild(text);
document.body.appendChild(div)

.test {
  color: red;
}

Answer 2

您可以使用Element.classList.add

let div = document.createElement('div');
div.classList.add("myDiv")