I've the following HTML:
<li class="treeview" id="account_management">
So I want to target the element with id "account_management" and change it's class from "treeview" to "treeview active", so that I can then style my tree menu accordingly.
2 Answers
You can use jQuery addClass() to add the class active:
$("#account_management").addClass("active");
Or you can use Element.classList DOM API's add() method like:
document.getElementById("account_management").classList.add("active");
classList browser support @caniuse
for older versions, see this answer.
1 Comment
Regent
Yes, it is always sad when big work stays even without "accepted". By the way, mentioned answer was posted after 2.5 months - it was probably too late, even though it works correctly :)
In pure JavaScript you could do:
var d = document.getElementById("account_management");
d.className = d.className + " active";
If you already use jQuery in your project, I would recommend to make use of it like in T J's answer.
6 Comments
T.J. Crowder
Using jQuery or not using jQuery has no relation to the language you're using (JavaScript). You mean "Using the DOM you could do:"
Philipp M
I know that jQuery is also JavaScript. By
pure JavaScript I meant, without a framework.T.J. Crowder
@Regent: It's just this horrible, and anti-constructive, meme that somehow jQuery is something other than JavaScript. Again,
$("#account_management").addClass("active") is "pure JavaScript" (using jQuery). The alternative above is pure JavaScript (using the DOM). Nothing whatsoever to do with the language.Regent
@T.J.Crowder well, the idea is that "pure JS" is "using JS without additional libraries/plugins". It's just the way how you interpret word "pure".
T.J. Crowder
@Regent: No, it's the way you interpret the word JavaScript, which has no place in that term. Pure DOM is what people actually mean. I'll stop banging on about it. :-)
|
addClassfunction.