From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/fr/web/api/element/classname/index.html | 81 +++++++++++++++++++++++++++ 1 file changed, 81 insertions(+) create mode 100644 files/fr/web/api/element/classname/index.html (limited to 'files/fr/web/api/element/classname') diff --git a/files/fr/web/api/element/classname/index.html b/files/fr/web/api/element/classname/index.html new file mode 100644 index 0000000000..b5f2930e5e --- /dev/null +++ b/files/fr/web/api/element/classname/index.html @@ -0,0 +1,81 @@ +--- +title: element.className +slug: Web/API/Element/className +tags: + - API + - Classe + - DOM + - Element + - Propriétés +translation_of: Web/API/Element/className +--- +

{{APIRef("DOM")}}

+ +

La propriété className de l'interface {{domxref("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;
+ + + +

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 {{domxref("SVGAnimatedString")}} si l'element est un {{domxref("SVGElement")}}. Dans ce cas là, l'usage de className ne fonctionnera pas, il sera donc préférable d'utiliser {{domxref("Element.getAttribute")}} et {{domxref("Element.setAttribute")}} si vous utilisez des élements SVG. 

+ +
elm.setAttribute('class', elm.getAttribute('class'))
+
+ +

Spécifications

+ + + + + + + + + + + + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName("DOM WHATWG", "#dom-element-classname", "element.className")}}{{Spec2("DOM WHATWG")}}
{{SpecName("DOM4", "#dom-element-classname", "element.className")}}{{Spec2("DOM4")}}
{{SpecName("DOM2 HTML", "html.html#ID-95362176", "element.className")}}{{Spec2("DOM2 HTML")}}Définition initiale.
+ +

Compatibilité des navigateurs

+ + + +

{{Compat("api.Element.className")}}

+ +

Voir aussi

+ + -- cgit v1.2.3-54-g00ecf