From 1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde Mon Sep 17 00:00:00 2001 From: julieng Date: Sat, 2 Oct 2021 17:20:24 +0200 Subject: convert content to md --- .../api/document/getelementsbyclassname/index.md | 108 ++++++++++----------- 1 file changed, 51 insertions(+), 57 deletions(-) (limited to 'files/fr/web/api/document/getelementsbyclassname') diff --git a/files/fr/web/api/document/getelementsbyclassname/index.md b/files/fr/web/api/document/getelementsbyclassname/index.md index 43ff0fb18a..02659c2a50 100644 --- a/files/fr/web/api/document/getelementsbyclassname/index.md +++ b/files/fr/web/api/document/getelementsbyclassname/index.md @@ -8,85 +8,79 @@ tags: - Reference translation_of: Web/API/Document/getElementsByClassName --- -

{{APIRef("DOM")}}

+{{APIRef("DOM")}} -

Renvoie un objet de type tableau de tous les éléments enfants qui ont tous les noms de classe donnés. Lorsqu'il est appelé sur l'objet document, le document complet est recherché, y compris le nœud racine. Vous pouvez également appeler {{domxref ("Element.getElementsByClassName", "getElementsByClassName ()")}} sur n'importe quel élément; il retournera uniquement les éléments qui sont les descendants de l'élément racine spécifié avec les noms de classes donnés.

+Renvoie un objet de type tableau de tous les éléments enfants qui ont tous les noms de classe donnés. Lorsqu'il est appelé sur l'objet document, le document complet est recherché, y compris le nœud racine. Vous pouvez également appeler {{domxref ("Element.getElementsByClassName", "getElementsByClassName ()")}} sur n'importe quel élément; il retournera uniquement les éléments qui sont les descendants de l'élément racine spécifié avec les noms de classes donnés. -

Syntaxe

+## Syntaxe -
var elements = document.getElementsByClassName(names); // or:
-var elements = rootElement.getElementsByClassName(names);
+ var elements = document.getElementsByClassName(names); // or: + var elements = rootElement.getElementsByClassName(names); - +- _elements_ est une {{domxref ("HTMLCollection")}} des éléments trouvés. +- _names_ est une chaîne représentant le nom de la classe des éléments à trouver. +- getElementsByClassName peut être appelé sur n'importe quel élément, pas seulement sur le document. L'élément sur lequel il est appelé sera utilisé comme racine de la recherche. -

Exemples

+## Exemples -

Trouve tous les éléments ayant la classe « test » :

+Trouve tous les éléments ayant la classe « test » : -
 document.getElementsByClassName('test')
-
+ document.getElementsByClassName('test') -

Trouve tous les éléments ayant les classes « rouge » et « test » :

+Trouve tous les éléments ayant les classes « rouge » et « test » : -
 document.getElementsByClassName('rouge test')
-
+ document.getElementsByClassName('rouge test') -

Trouve tous les éléments qui ont la classe « test » à l'intérieur d'un élément ayant l'ID « main » :

+Trouve tous les éléments qui ont la classe « test » à l'intérieur d'un élément ayant l'ID « main » : -
 document.getElementById('main').getElementsByClassName('test')
-
+ document.getElementById('main').getElementsByClassName('test') -

Nous pouvons également utiliser les méthodes de Array.prototype sur toute {{domxref ("HTMLCollection")}} en passant HTMLCollection comme valeur de la méthode. Ici, nous allons trouver tous les éléments div qui ont une classe de 'test':

+Nous pouvons également utiliser les méthodes de Array.prototype sur toute {{domxref ("HTMLCollection")}} en passant HTMLCollection comme valeur de la méthode. Ici, nous allons trouver tous les éléments div qui ont une classe de 'test': -
var testElements = document.getElementsByClassName('test');
+```js
+var testElements = document.getElementsByClassName('test');
 var testDivs = Array.prototype.filter.call(testElements, function(testElement){
     return testElement.nodeName === 'DIV';
-});
- -

XXX writeme == Notes == Une méthode semblable existe pour <code>Element</code>

- -

Obtenir la classe  des éléments test

- -

C'est la méthode d'opération la plus couramment utilisée.

- -
<!doctype html>
-<html>
-<head>
-    <meta charset="UTF-8">
-    <title>Document</title>
-</head>
-<body>
-    <div id="parent-id">
-        <p>hello word1</p>
-        <p class="test">hello word2</p>
-        <p >hello word3</p>
-        <p>hello word4</p>
-    </div>
-    <script>
+});
+```
+
+XXX writeme == Notes == Une méthode semblable existe pour \Element\
+
+## Obtenir la classe  des éléments test
+
+C'est la méthode d'opération la plus couramment utilisée.
+
+```html
+
+
+
+    
+    Document
+
+
+    

+        
hello word1

+        
hello word2

+        
hello word3

+        
hello word4

+    

+    
+
+
+```
 
-
Compatibilité des navigateurs

+## Compatibilité des navigateurs
 
+{{Compat("api.Document.getElementsByClassName")}}
 
-
{{Compat("api.Document.getElementsByClassName")}}

+## Spécification
 
-
-
-
Spécification

-
-
+- [W3C: getElementsByClassName](https://dvcs.w3.org/hg/domcore/raw-file/tip/Overview.html#dom-document-getelementsbyclassname)
-- 
cgit v1.2.3-54-g00ecf