How do we change class name from script

Question

Hello is there any way to edit html tag class name from script? For example:

html:

<div id="ThisIsId" class= "ThisIsName"> ... </div>

Script:

<script>
document.getElementById("ThisIsId").changeClassName("thisIsNewClassName") 
</script>

`.className = "thisIsNewClassName"` is one way, `.setAttribute('class',"thisIsNewClassName")` is method 2 — Jaromanda X, Oct 02 '20 at 10:50
one of each, the first is a property, the second is a method — Jaromanda X, Oct 02 '20 at 10:53

score 0 · Accepted Answer · answered Oct 02 '20 at 10:54

0

<script>
document.getElementById("ThisIsId").classList.remove("ThisIsName").add("thisIsNewClassName") 
</script>

answered Oct 02 '20 at 10:54

Vivek Gondhiya

What about .className = "thisIsNewClassName" – Imagine Gaming Play Oct 02 '20 at 11:02
This will remove all other classes of the element – Vivek Gondhiya Oct 02 '20 at 11:06
like
that will remove all of the classes?
– Imagine Gaming Play Oct 02 '20 at 11:11
See, that is a basic thing, if you will have another class, then it will remove them. Also, one element cannot have multiple attributes with same name. And it's better to check first rather than directly asking here. – Vivek Gondhiya Oct 02 '20 at 11:14

1 Answers1