Javascript 如何更改HTML元素'；s类使用它'；s id属性

我有以下HTML：

<li class="treeview" id="account_management">

因此，我希望以id为“account\u management”的元素为目标，并将其类从“treeview”更改为“treeview active”，这样我就可以相应地设置树菜单的样式。

您可以使用jQuery添加类

active

：

$("#account_management").addClass("active");

---

或者可以使用DOM API的

add（）

方法，如：

document.getElementById("account_management").classList.add("active");

类列表浏览器支持@

对于旧版本，请参见此。

您可以使用jQuery添加类

active

：

$("#account_management").addClass("active");

---

或者可以使用DOM API的

add（）

方法，如：

document.getElementById("account_management").classList.add("active");

类列表浏览器支持@

---

对于较旧的版本，请参见此。

在纯JavaScript中，您可以执行以下操作：

var d = document.getElementById("account_management");
d.className = d.className + " active";

---

如果您已经在项目中使用了jQuery，我建议您像在TJ的回答中那样使用它。

在纯JavaScript中，您可以：

var d = document.getElementById("account_management");
d.className = d.className + " active";

---

---

如果您已经在项目中使用了jQuery，我建议您像TJ的回答一样使用它。

花一两个小时通读是值得的。这真的只需要那么长的时间，它就回答了这个问题，还有数百个问题。谢谢@T.J.Crowder当然你可以通过说“阅读文档”来回答这个网站上的每一个问题？不是很有帮助。此时此刻，我没有任何学习jQuery的意图，因为除了这个，我现在真的不需要它。我写糟糕的代码没有任何意义，如果有人知道这种语言的机制，他会花一分钟来帮助我。重点是，如果你能学习非常基本的jQuery知识，这将节省你和其他人的时间。没人说你应该把它学完。@twigg:这不是答案。这是一个有助于节省你和他人时间的建议。不，阅读API文档并不能回答所有问题。有些问题比API调用更重要。有些实际上是关于艰难的事情。这很简单，只要看一眼API文档，就会发现这个诱人的

addClass

函数。@T.J.Crowder如果OP对学习不感兴趣，下次建议；）花一两个小时通读是值得的。这真的只需要那么长的时间，它就回答了这个问题，还有数百个问题。谢谢@T.J.Crowder当然你可以通过说“阅读文档”来回答这个网站上的每一个问题？不是很有帮助。此时此刻，我没有任何学习jQuery的意图，因为除了这个，我现在真的不需要它。我写糟糕的代码没有任何意义，如果有人知道这种语言的机制，他会花一分钟来帮助我。重点是，如果你能学习非常基本的jQuery知识，这将节省你和其他人的时间。没人说你应该把它学完。@twigg:这不是答案。这是一个有助于节省你和他人时间的建议。不，阅读API文档并不能回答所有问题。有些问题比API调用更重要。有些实际上是关于艰难的事情。这很简单，只要看一眼API文档，就会发现这个诱人的

addClass

函数。@T.J.Crowder如果OP对学习不感兴趣，下次建议；）使用jQuery或不使用jQuery与您使用的语言（JavaScript）无关。您的意思是“使用您可以做的DOM:”我知道jQuery也是JavaScript。我所说的

纯JavaScript

是指没有框架的情况。@Regent:jQuery是JavaScript以外的东西，这是一种可怕的、反构造的meme。同样，

$（“#帐户管理”）.addClass（“活动”）

是“纯JavaScript”（使用jQuery）。上面的替代方案是纯JavaScript（使用DOM）。与语言没有任何关系。@T.J.Crowder好吧，我们的想法是“纯JS”是“使用JS而不需要额外的库/插件”。这只是你解释“纯”这个词的方式。@Regent:不，这是你解释JavaScript这个词的方式，在这个词中没有位置。纯DOM是人们真正的意思。我不会再唠叨了。：-）使用jQuery或不使用jQuery与您使用的语言（JavaScript）无关。您的意思是“使用您可以做的DOM:”我知道jQuery也是JavaScript。我所说的

纯JavaScript

是指没有框架的情况。@Regent:jQuery是JavaScript以外的东西，这是一种可怕的、反构造的meme。同样，

$（“#帐户管理”）.addClass（“活动”）

是“纯JavaScript”（使用jQuery）。上面的替代方案是纯JavaScript（使用DOM）。与语言没有任何关系。@T.J.Crowder好吧，我们的想法是“纯JS”是“使用JS而不需要额外的库/插件”。这只是你解释“纯”这个词的方式。@Regent:不，这是你解释JavaScript这个词的方式，在这个词中没有位置。纯DOM是人们真正的意思。我不会再唠叨了。：-）是的，当大的工作没有被“接受”的时候，它总是令人悲伤的。顺便说一句，上面提到的答案是在2.5个月后发布的——可能已经太晚了，尽管它工作正常：）是的，当大的工作没有被“接受”时，它总是令人悲伤的。顺便说一句，上面提到的答案是在2.5个月后发布的——可能太晚了，尽管它工作正常：）