element.className
Baseline
Widely available
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.
La propriété className de l'interface Element récupère et définit la valeur de l'attribut class de l'élément spécifié.
Syntaxe
var cName = elementNodeReference.className;
elementNodeReference.className = cName;
cNameest une String (chaîne de caractères) représentant la classe (ou les classes séparées par des espaces) de l'élément courant.
Exemple
let elm = document.getElementById("item");
if (elm.className === "active") {
elm.className = "inactive";
} else {
elm.className = "active";
}
Notes
Le nom className est utilisé pour cette propriété au lieu de class à cause de conflits éventuels avec le mot-clé « class » dans beaucoup de langages utilisés pour manipuler le DOM.
className peut être une instance de SVGAnimatedString si l'element est un SVGElement. Dans ce cas là, l'usage de className ne fonctionnera pas, il sera donc préférable d'utiliser Element.getAttribute et Element.setAttribute si vous utilisez des élements SVG.
elm.setAttribute("class", elm.getAttribute("class"));
Spécifications
| Specification |
|---|
| DOM # ref-for-dom-element-classname① |
Compatibilité des navigateurs
Chargement…