【问题标题】:Can I select an element and change Classname like this?我可以像这样选择一个元素并更改类名吗?
【发布时间】:2021-01-12 21:05:05
【问题描述】:
function name() {
    const select = document.querySelector("#id");
    select.classname = ("customclass")
}

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

【问题讨论】:

  • 你会想要使用select.classList.add('customClass')

标签: javascript class selector classname queryselector


【解决方案1】:

您需要更改className 属性:

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

另一种方法是按照 cmets 中的建议将其添加到 classList

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

【讨论】:

  • 谢谢老兄...我什至看不到这个小错误??
  • 两者的区别在于设置className会覆盖所有现有的类,而classList允许您使用add()remove()toggle()方法管理分配的类列表。
猜你喜欢
  • 1970-01-01
  • 2016-06-03
  • 2022-07-19
  • 1970-01-01
  • 1970-01-01
  • 2017-07-09
  • 1970-01-01
  • 1970-01-01
  • 2017-12-02
相关资源
最近更新 更多