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/element/getelementsbyclassname/index.html | 69 ---------------------- .../api/element/getelementsbyclassname/index.md | 69 ++++++++++++++++++++++ 2 files changed, 69 insertions(+), 69 deletions(-) delete mode 100644 files/fr/web/api/element/getelementsbyclassname/index.html create mode 100644 files/fr/web/api/element/getelementsbyclassname/index.md (limited to 'files/fr/web/api/element/getelementsbyclassname') diff --git a/files/fr/web/api/element/getelementsbyclassname/index.html b/files/fr/web/api/element/getelementsbyclassname/index.html deleted file mode 100644 index 016d94535a..0000000000 --- a/files/fr/web/api/element/getelementsbyclassname/index.html +++ /dev/null @@ -1,69 +0,0 @@ ---- -title: Element.getElementsByClassName() -slug: Web/API/Element/getElementsByClassName -tags: - - API - - Classes - - Element - - Method - - Reference - - getElementByClassName -translation_of: Web/API/Element/getElementsByClassName ---- -

{{APIRef("DOM")}}

- -

La méthode Element.getElementsByClassName() retourne une {{domxref("HTMLCollection")}} contenant une référence sur tous les éléments ayant les noms de classes passés en paramètre. Quand la méthode est appelée sur l'objet document, la recherche s'effectue dans le document complet, noeud racine compris.

- -

À l'instar de la méthode {{domxref("Document.getElementsByClassName", "Document.getElementsByClassName()")}} qui agit sur le document entier ; elle va retourner les descendants de l'élément spécifié comme document root qui auront les noms de classes passés en paramètre.

- -

Syntaxe

- -
var elements = element.getElementsByClassName(names);
- - - -

Exemples

- -

Obtient tous les élements ayant une classe test:

- -
element.getElementsByClassName('test');
- -

Obtient tous les élements ayant à la fois la classe red et la classe test:

- -
element.getElementsByClassName('red test');
- -

Obtient tous les élements qui ont une classe test, à l'intérieur d'un élement qui a pour id main:

- -
document.getElementById('main').getElementsByClassName('test');
- -

On peut aussi utiliser les méthodes de {{jsxref("Array.prototype")}} sur chaque {{ domxref("HTMLCollection") }} en passant la HTMLCollection comme valeur this de la méthode. Ci-dessous on trouvera tous les {{HTMLElement("div")}} avec une classe test:

- -
var testElements = document.getElementsByClassName('test');
-var testDivs = Array.prototype.filter.call(testElements, function(testElement){
-    return testElement.nodeName === 'div';
-});
- -

Spécifications

- - - - - - - - - - - - - - -
SpécificationStatutCommentaire
{{SpecName('DOM WHATWG', '#dom-element-getelementsbyclassname', 'Element.getElementsByClassName()')}}{{Spec2('DOM WHATWG')}}Définition initiale
- -

Compatibilité des navigateurs

- -

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

diff --git a/files/fr/web/api/element/getelementsbyclassname/index.md b/files/fr/web/api/element/getelementsbyclassname/index.md new file mode 100644 index 0000000000..016d94535a --- /dev/null +++ b/files/fr/web/api/element/getelementsbyclassname/index.md @@ -0,0 +1,69 @@ +--- +title: Element.getElementsByClassName() +slug: Web/API/Element/getElementsByClassName +tags: + - API + - Classes + - Element + - Method + - Reference + - getElementByClassName +translation_of: Web/API/Element/getElementsByClassName +--- +

{{APIRef("DOM")}}

+ +

La méthode Element.getElementsByClassName() retourne une {{domxref("HTMLCollection")}} contenant une référence sur tous les éléments ayant les noms de classes passés en paramètre. Quand la méthode est appelée sur l'objet document, la recherche s'effectue dans le document complet, noeud racine compris.

+ +

À l'instar de la méthode {{domxref("Document.getElementsByClassName", "Document.getElementsByClassName()")}} qui agit sur le document entier ; elle va retourner les descendants de l'élément spécifié comme document root qui auront les noms de classes passés en paramètre.

+ +

Syntaxe

+ +
var elements = element.getElementsByClassName(names);
+ + + +

Exemples

+ +

Obtient tous les élements ayant une classe test:

+ +
element.getElementsByClassName('test');
+ +

Obtient tous les élements ayant à la fois la classe red et la classe test:

+ +
element.getElementsByClassName('red test');
+ +

Obtient tous les élements qui ont une classe test, à l'intérieur d'un élement qui a pour id main:

+ +
document.getElementById('main').getElementsByClassName('test');
+ +

On peut aussi utiliser les méthodes de {{jsxref("Array.prototype")}} sur chaque {{ domxref("HTMLCollection") }} en passant la HTMLCollection comme valeur this de la méthode. Ci-dessous on trouvera tous les {{HTMLElement("div")}} avec une classe test:

+ +
var testElements = document.getElementsByClassName('test');
+var testDivs = Array.prototype.filter.call(testElements, function(testElement){
+    return testElement.nodeName === 'div';
+});
+ +

Spécifications

+ + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName('DOM WHATWG', '#dom-element-getelementsbyclassname', 'Element.getElementsByClassName()')}}{{Spec2('DOM WHATWG')}}Définition initiale
+ +

Compatibilité des navigateurs

+ +

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

-- cgit v1.2.3-54-g00ecf