这个问题在这里已经有了答案:
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');
最佳答案
做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;
}
关于javascript - document.createElement ('div' ) 有一个类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55224589/