Retourner ' la page d'accueil de TJSRetourner ' 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
QUERY 9
SELECT *, DATE_FORMAT(dt_insert, '%d/%m/%Y %H:%i' ) AS jour_insert, DATE_FORMAT(dt_maj, '%d/%m/%Y %H:%i' ) AS jour_maj FROM js_reference ORDER BY IDfather, name
SELECT * FROM js_navigateur ORDER BY ordre
SELECT * FROM js_version ORDER BY ID
SELECT * FROM js_reference WHERE phpfile="window.document.getelementsbyname"
UPDATE js_reference SET nb_visi=nb_visi+1, nb_visi_delai=nb_visi_delai+1 WHERE ID='155'
SELECT * FROM js_navigateur ORDER BY ordre
SELECT js_equivalent_ressource.*, js_equivalent_language.language, js_equivalent_language.favico FROM js_equivalent_ressource, js_equivalent_language WHERE js_equivalent_ressource.idLanguage = js_equivalent_language.id AND js_equivalent_ressource.etat=1 AND js_equivalent_language.etat=1 AND js_equivalent_ressource.typeof='REF' AND js_equivalent_ressource.idRessource="155"
SELECT * FROM js_exemple WHERE ID='155' ORDER BY ordre
SELECT * FROM js_url WHERE ID='155' ORDER BY ordre

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 graph des objets Javascript



Chargement
en cours...
Le 17/06/2025 14:57:46 sur php 7 en 41.15 ms