Attribut className du DOM HTML

Objet Element HTML DOM

classNameL'attribut configure ou retourne la valeur de la propriété class de l'élément en tant que chaîne de caractères.

Si l'élément spécifié n'a pas d'attribut de classe ou si l'attribut de classe n'est pas défini, retourne unnullChaîne de caractères.

Syntaxe :

Retourner l'attribut className :

element.className

Définir l'attribut className :

element.className = cName

document.getElementById("x").className = "para";

Compatibilité du navigateur

Tous les navigateurs prennent en charge pleinement l'attribut className :

Valeur de l'attribut

Détails techniques

Plus d'exemples

Retourne le nom de la classe de l'élément <div> premier :

var x = document.getElementsByTagName("div")[0].className;

Remplacer le nom de la classe existante par un nouveau nom :

<div class="myDiv">C'est un élément DIV</div>
script>
var x = document.getElementsByTagName("div")[0];
x.className = "anotherClass";
</script>

Pour ajouter une classe à un élément sans remplacer la valeur existante, insérez un espace et le nouveau nom de classe :

<div class="myDiv">C'est un élément DIV</div>
script>
var x = document.getElementsByTagName("div")[0];
x.className　+= " anotherClass";
</script>

Trouver si l'élément <div> a la classe "shadow":

var x = document.getElementsByTagName("div")[0];
if (x.className.indexOf("shadow") !=　-1) {
　　　alert("Yes... The DIV has 'shadow' class");
}
　　　alert("False");
}

Références associées

Tutoriel CSS :Sélecteur CSS

Référence CSS :CSS #idSélecteur

Référence CSS : CSS .class Sélecteur

Référence JavaScript :Méthode indexOf() de chaîne

Référence HTML DOM :Propriété classList HTML DOM

Référence HTML DOM :Méthode getElementsByClassName() HTML DOM

Référence HTML DOM :Méthode getElementById() HTML DOM

Référence HTML DOM :Méthode querySelector() HTML DOM

Objet Element HTML DOM