Retourner ' la page d'accueil de TJSRetourner ' la page d'accueil de TJS

Méthode : window.document.getElementsByTagName()

Retourne la liste des éléments HTML à partir de leur balise

Syntaxe
Array document.getElementsByName(String balise)

Compatible tous navigateurs

Description
Retourne un tableau d'éléments HTML HTMLElement à partir de leur tag balise (tag=balise en anglais).

Il existe déjà des tableaux définis pour certains types d'objets. Par exemple, document.getElementByName("IMG") est équivalent à document.images. C'est le cas aussi des tableaux anchors, forms, links, scripts, ...
Pour trouver un objet directement à partir de son id ou de son nom, utilisez getElementById() ou getElementsByName().

La fonction getElementsByClassName("tag") est strictement équivalente à querySelectorAll("tag").


Equivalent dans d'autres langages
Equivalent en jQuery à $("balise") : Fonction qui sélectionne des objets HTML à partir de leur balise.

Exemple 1 : Liste des div dans la page
Code source
<script type="text/javascript">    
   var divs=document.getElementsByTagName("div");
   document.write("Il y a "+divs.length+" éléments div HTML dans cette page");
</script>

Résultat
Emulation de la console
Explication
Affiche le nombre d'objets HTML declarés par la balise div

Exemple 2 : Récupérer le titre de la page
Code source
<script type="text/javascript">
 var titles=document.getElementsByTagName("title");
 console.log(titles[0].innerHTML);

 console.log(titles[0].constructor);
 console.log(titles[0]);
</script>

Résultat
Emulation de la console
Explication
titles contient un tableau des éléments <title>.
A priori, il y a 1 élément (à l'indice 0) dont on affiche dans la console le contenu.

Page en rapport
Introduction au DHTML
Page mise à jour le

Troisième édition Tout JavaScript chez Dunod

Tout JavaScript le livre chez DunodEn savoir plus
Sortie le 4 janvier 2023

Version papier 29€90
Format électronique 22€99.

Commandez en ligne

Chercher une fonction, un objet, ...

Le 16/04/2024 23:28:56 sur php 7 en 50.69 ms