Retourner à la page d'accueil de TJS

Méthode : window.document.getElementsByName()

Compatible Internet Explorer / Edge  Compatible Chrome  Compatible Firefox  Compatible Opera  

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

Syntaxe
Array document.getElementsByName(String nom)

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 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 6 février 2019

Version papier à 29€90
Format électronique à 21€90.

Commandez en ligne Dunod  Fnac  Amazon

Chercher une fonction, un objet, ...

Le graph des objets Javascript



Chargement
en cours...
Le 12/11/2019 17:55:01 sur php7 en 65.44 ms