javascript - document.createElement ('div' ) 有一个类

Question

这个问题在这里已经有了答案:





How can I add a class to a DOM element in JavaScript?

(13 个回答)


3年前关闭。




我可以使用 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;
}