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)

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

Chercher une fonction, un objet, ...

Le graph des objets Javascript



Chargement
en cours...

Nouveau service en ligne de TJS

cleanMyJS : Détectez toutes les erreurs JavaScript de vos sitescleanMyJS.com
Détectez, enregistrez et analysez toutes les erreurs JavaScript de vos sites
Le 17/12/2018 12:05:42 sur php7 en 18.82 ms