Retourner à la page d'accueil de TJS

Méthode : window.document.getElementsByName()

Retourne un tableau d'éléments HTML ayant l'attribut name qui vaut nom

Syntaxe
Array document.getElementsByName(String nom)

Attention, incompatible avec Safari

Description
Retourne un tableau d'éléments HTML HTMLElement ayant nom défini dans la propriété name de la balise de l'objet.
Ne pas confondre la propriété id et la propriété name. Pour trouver un objet à partir de son id, utilisez getElementById().
Pour trouver une liste d'élément à partir de leur tag, utilisez getElementsByTagName().
Pour trouver une liste d'élément à partir de leur classe, utilisez getElementsByClassName().


Exemple 1 : Case à cocher
Code source
<form name="form_fruit">
   <input type="checkbox" name="fruit" value="Fraise"> Fraise <BR>
   <input type="checkbox" name="fruit" value="Banane"> Banane <BR>
   <input type="checkbox" name="fruit" value="Pomme"> Pomme <BR>
</form>
<script type="text/javascript">
   console.log(typeof document.getElementsByName("fruit"));
   document.getElementsByName("fruit")[0].checked = true;
   document.getElementsByName("fruit")[1].checked = true;
   document.getElementsByName("fruit")[2].checked = true;
</script>

Résultat
Fraise
Banane
Pomme
Emulation de la console
Explication
Cet exemple crée 3 cases à cocher ayant le même nom fruit.
Le script qui suit la déclaration des cases recherche les objets de nom fruit avec getElementsByName et force la propriété checked à true. Les cases sont donc repérées et cochées par programmation.

Page en rapport
Introduction au DHTML
Page mise à jour le

Mon nouveau livre Tout JavaScript chez Dunod

Tout JavaScript le livre chez DunodEn savoir plus
Sortie le 14 novembre 2019

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

Commandez en ligne

Chercher une fonction, un objet, ...

Le 05/07/2020 17:33:28 sur php7 en 25.57 ms