我可以选择一个元素并像这样更改类名吗?

1 javascript class classname selector queryselector

function name() {
    const select = document.querySelector("#id");
    select.classname = ("customclass")
}
Run Code Online (Sandbox Code Playgroud)

我已经写了这段代码。但我无法更改类名。

Maj*_*awi 5

您需要更改className属性:

const select = document. querySelector("#id"); 
select.className = "customclass";
console.log(select);
Run Code Online (Sandbox Code Playgroud)
<div id="id"></div>
Run Code Online (Sandbox Code Playgroud)

另一种方法是将其添加到classList评论中建议的内容中:

const select = document. querySelector("#id"); 
select.classList.add("customclass");
console.log(select);
Run Code Online (Sandbox Code Playgroud)
<div id="id"></div>
Run Code Online (Sandbox Code Playgroud)

  • 两者之间的区别在于,设置“className”会覆盖所有现有的类,而“classList”允许您使用“add()”、“remove()”和“toggle()”方法管理分配的类的列表。 (2认同)