如何在JavaScript中向DOM元素添加类？

javascript dom

2022-08-29 23:40:47

如何为添加类？div

var new_row = document.createElement('div');

答案 1

这个答案是很久以前写的/接受的。从那时起，已经提交了更好，更全面的答案和例子。您可以通过向下滚动找到它们。以下是为子孙后代保留的原始接受的答案。

new_row.className = "aClassName";

以下是有关MDN的更多信息：类名

答案 2

使用方法：.classList.add()

const element = document.querySelector('div.foo');
element.classList.add('bar');
console.log(element.className);

<div class="foo"></div>

此方法比重写属性更好，因为它不会删除其他类，也不会在元素已具有该类时添加该类。className

您还可以使用切换或删除类（请参阅MDN文档）。element.classList