From c05efa8d7ae464235cf83d7c0956e42dc6974103 Mon Sep 17 00:00:00 2001 From: julieng Date: Sat, 2 Oct 2021 17:20:14 +0200 Subject: move *.html to *.md --- .../api/document/getelementsbyclassname/index.html | 92 ---------------------- .../api/document/getelementsbyclassname/index.md | 92 ++++++++++++++++++++++ 2 files changed, 92 insertions(+), 92 deletions(-) delete mode 100644 files/fr/web/api/document/getelementsbyclassname/index.html create mode 100644 files/fr/web/api/document/getelementsbyclassname/index.md (limited to 'files/fr/web/api/document/getelementsbyclassname') diff --git a/files/fr/web/api/document/getelementsbyclassname/index.html b/files/fr/web/api/document/getelementsbyclassname/index.html deleted file mode 100644 index 43ff0fb18a..0000000000 --- a/files/fr/web/api/document/getelementsbyclassname/index.html +++ /dev/null @@ -1,92 +0,0 @@ ---- -title: document.getElementsByClassName -slug: Web/API/Document/getElementsByClassName -tags: - - API - - DOM - - Méthodes - - Reference -translation_of: Web/API/Document/getElementsByClassName ---- -

{{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.

- -

Syntaxe

- -
var elements = document.getElementsByClassName(names); // or:
-var elements = rootElement.getElementsByClassName(names);
- - - -

Exemples

- -

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

- -
 document.getElementsByClassName('test')
-
- -

Trouve tous les éléments ayant les classes « rouge » et « 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 » :

- -
 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':

- -
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>
-        var parentDOM = document.getElementById("parent-id");
-
-        var test=parentDOM.getElementsByClassName("test");//test is not target element
-        console.log(test);//HTMLCollection[1]
-
-        var testTarget=parentDOM.getElementsByClassName("test")[0];//here , this element is target
-        console.log(testTarget);//<p class="test">hello word2</p>
-    </script>
-</body>
-</html>
- -

Compatibilité des navigateurs

- - -

{{Compat("api.Document.getElementsByClassName")}}

- - - -

Spécification

- - diff --git a/files/fr/web/api/document/getelementsbyclassname/index.md b/files/fr/web/api/document/getelementsbyclassname/index.md new file mode 100644 index 0000000000..43ff0fb18a --- /dev/null +++ b/files/fr/web/api/document/getelementsbyclassname/index.md @@ -0,0 +1,92 @@ +--- +title: document.getElementsByClassName +slug: Web/API/Document/getElementsByClassName +tags: + - API + - DOM + - Méthodes + - Reference +translation_of: Web/API/Document/getElementsByClassName +--- +

{{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.

+ +

Syntaxe

+ +
var elements = document.getElementsByClassName(names); // or:
+var elements = rootElement.getElementsByClassName(names);
+ + + +

Exemples

+ +

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

+ +
 document.getElementsByClassName('test')
+
+ +

Trouve tous les éléments ayant les classes « rouge » et « 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 » :

+ +
 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':

+ +
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>
+        var parentDOM = document.getElementById("parent-id");
+
+        var test=parentDOM.getElementsByClassName("test");//test is not target element
+        console.log(test);//HTMLCollection[1]
+
+        var testTarget=parentDOM.getElementsByClassName("test")[0];//here , this element is target
+        console.log(testTarget);//<p class="test">hello word2</p>
+    </script>
+</body>
+</html>
+ +

Compatibilité des navigateurs

+ + +

{{Compat("api.Document.getElementsByClassName")}}

+ + + +

Spécification

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