diff options
| author | julieng <julien.gattelier@gmail.com> | 2021-10-02 17:20:14 +0200 |
|---|---|---|
| committer | SphinxKnight <SphinxKnight@users.noreply.github.com> | 2021-10-02 17:30:20 +0200 |
| commit | c05efa8d7ae464235cf83d7c0956e42dc6974103 (patch) | |
| tree | 6ea911b2f2010f63a026de6bb7a1a51e7690a7e1 /files/fr/web/api/document/getelementsbyclassname/index.html | |
| parent | 13a5e017558b248ee1647d4a5825f183b51f09ad (diff) | |
| download | translated-content-c05efa8d7ae464235cf83d7c0956e42dc6974103.tar.gz translated-content-c05efa8d7ae464235cf83d7c0956e42dc6974103.tar.bz2 translated-content-c05efa8d7ae464235cf83d7c0956e42dc6974103.zip | |
move *.html to *.md
Diffstat (limited to 'files/fr/web/api/document/getelementsbyclassname/index.html')
| -rw-r--r-- | files/fr/web/api/document/getelementsbyclassname/index.html | 92 |
1 files changed, 0 insertions, 92 deletions
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 ---- -<p>{{APIRef("DOM")}}</p> - -<p>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.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="syntaxbox"><var>var elements</var> = document.getElementsByClassName(<em>names</em>); // or: -<var>var elements</var> = rootElement.getElementsByClassName(<em>names</em>);</pre> - -<ul> - <li><var>elements</var> est une {{domxref ("HTMLCollection")}} des éléments trouvés.</li> - <li><var>names</var> est une chaîne représentant le nom de la classe des éléments à trouver.</li> - <li>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.</li> -</ul> - -<h2 id="Exemples">Exemples</h2> - -<p>Trouve tous les éléments ayant la classe « test » :</p> - -<pre class="eval"> document.getElementsByClassName('test') -</pre> - -<p>Trouve tous les éléments ayant les classes « rouge » et « test » :</p> - -<pre class="eval"> document.getElementsByClassName('rouge test') -</pre> - -<p>Trouve tous les éléments qui ont la classe « test » à l'intérieur d'un élément ayant l'ID « main » :</p> - -<pre class="eval"> document.getElementById('main').getElementsByClassName('test') -</pre> - -<p>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':</p> - -<pre class="brush: js">var testElements = document.getElementsByClassName('test'); -var testDivs = Array.prototype.filter.call(testElements, function(testElement){ - return testElement.nodeName === 'DIV'; -});</pre> - -<p>XXX writeme == Notes == Une méthode semblable existe pour <code>Element</code></p> - -<h2 id="Sp.C3.A9cification">Obtenir la classe des éléments test</h2> - -<p>C'est la méthode d'opération la plus couramment utilisée.</p> - -<pre class="brush: html"><!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></pre> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - - -<p>{{Compat("api.Document.getElementsByClassName")}}</p> - - - -<h2 id="Specification">Spécification</h2> - -<ul> - <li><a href="https://dvcs.w3.org/hg/domcore/raw-file/tip/Overview.html#dom-document-getelementsbyclassname">W3C: getElementsByClassName</a></li> -</ul> |
