Retourner à la page d'accueil de TJS

Méthode : window.document.getElementsByName()

        

Retourne un tablet d'objets HTML à partir de leur nom

Syntaxe
Array document.getElementsByName(String nom)

Description
Retourne un tableau (Array) d'objets HTML 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 mise à jour le

Chercher une fonction, un objet, ...

Le graph des objets Javascript



Chargement
en cours...

Le guide complet du javascript

Le Guide Complet du JavascriptEn savoir plus sur mon livre aux Editions Micro Application
Le 24/11/2017 06:43:32 sur php7 en 24.77 ms