getElementsByName sur un div

**Djakisback** · 12/02/2010, 15h23

Bonjour,
un petit moment que j'avais pas fait de JS et je suis étonné de voir que getElementsByName() est une méthode uniquement de document ?
code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
var element = document.getElementById(divId);
var elements = element.getElementsByName(name);

La première ligne me retourne un div. La 2e est censée me retourner tous les enfants de ce div dont le nom est name. Mais ca plante :
element.getElementsByName('rtrtr') is not a function

Est-ce que je suis obligé de parcourir chaque child et de tester leur nom ?
(Si oui, la manière compatible est bien de passer par childNodes ?)
Il me semblait qu'il y avait une méthode plus simple.
Merci d'avance.

**pcleder** · 12/02/2010, 16h54

Pourquoi ne travailles-tu pas avec getElementByID ?
Ou bien imbriquer une form dans ta div et utiliser :
document.forms[].elements[]
Dans la deuxième hypothèse, tu peux par exemple, si ta form est la première du document et que tu veux récupérer la valeur d'un champ texte (input text) et que cet élement est le premier élément de ta form,
tu écris:

document.forms[0].element[0].value

PAT

**Djakisback** · 12/02/2010, 17h10

Merci mais ça n'est pas ma question

Je veux récupérer les enfants d'un élément div nommés name. L'intérêt justement de les nommer de la même manière étant de récupérer directement un groupe d'éléments sans connaître leurs id.

**E.Bzz** · 12/02/2010, 17h52

Bonjour,

Envoyé par Djakisback

je suis étonné de voir que getElementsByName() est une méthode uniquement de document ?

Ben tu t'attendais à quoi ? screen ?

C'est même plus restreint que document, puisqu'un name n'est censé être présent que dans un form

Envoyé par Djakisback

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
var element = document.getElementById(divId);
var elements = element.getElementsByName(name);

La première ligne me retourne un div. La 2e est censée me retourner tous les enfants de ce div dont le nom est name. Mais ca plante :
element.getElementsByName('rtrtr') is not a function

Ça laisse supposer que divId ne correspond à aucun élément existant dans ta page.

Ceci dit, si tu veux éviter ce genre de question existentielle, il vaudrait mieux éviter de donner à tes variables des noms correspondant à des termes réservés du langage (name, element, elements bref, toute).
Certains nav n'apprécient pas du tout

A+

**Djakisback** · 12/02/2010, 18h08

Non dans mes souvenirs getElementsByName() était une méthode de Node. Ce qui permettait justement de spécifier la branche dans laquelle tu veux rechercher, c'est comme ça que ça marche d'ailleurs sur pas mal d'implémentation du DOM, j'ai dû confondre.
Merci je vais donc m'arranger en parcourant les fils ou autrement

Idem getElementsByTagName() retournait que les noeuds fils, etc.
Si getElementById(divId) retourne bien mon div.

**SpaceFrog** · 12/02/2010, 18h57

avec jquery ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<script type='text/javascript' src='jquery-1.4.1.min.js'></script>
<title>test test test test test test test test</title>
</head>
 
<body>
<div id="foo">
<span name="bar">test</span>
<span name="bar">test</span>
<span name="bar">test</span>
<span name="bar">test</span>
 
<span name="bar">test</span>
<span name="bar">test</span>
<span name="bar">test</span>
<span name="bar">test</span>
<input type="text" name="bar" />
</div>
 
<script type="text/javascript">
    //<![CDATA[
var temps = $("#foo > [name=bar]");
alert( temps.length );
  //]]>
</script>
</body>
 
</html>

**Djakisback** · 12/02/2010, 22h36

yep pas mal

getElementsByName sur un div

JavaScript

Discussions similaires

Partager

Partager