Cette page a été traduite à partir de l'anglais par la communauté.Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.
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'interfaceElement récupère et définit la valeur de l'attributclass 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 nomclassName est utilisé pour cette propriété au lieu declass à cause de conflits éventuels avec le mot-clé « class » dans beaucoup de langages utilisés pour manipuler le DOM.
className peut être une instance deSVGAnimatedString si l'element est unSVGElement. Dans ce cas là, l'usage declassName ne fonctionnera pas, il sera donc préférable d'utiliserElement.getAttribute etElement.setAttribute si vous utilisez des élements SVG.
elm.setAttribute("class", elm.getAttribute("class"));Spécifications
| Specification |
|---|
| DOM # ref-for-dom-element-classname① |