具有类的document.createElement('div') [英] document.createElement('div') with a class
本文介绍了具有类的document.createElement('div')的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我可以使用createElement()这样通过JavaScript创建HTML元素:
I can use createElement() to create an HTML element via JavaScript like this:
let div = document.createElement('div');
但是如何将CSS类添加到新创建的div中?
But how can I add a CSS class to my newly created div?
我尝试了类似的方法,但是没有用:
I tried something like this, but didn't work:
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;
}
这篇关于具有类的document.createElement('div')的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文