getElementsByName sur un div

Version imprimable

12/02/2010, 15h23
Djakisback

getElementsByName sur un div
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:

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.
12/02/2010, 16h54
pcleder

Réponse

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
12/02/2010, 17h10
Djakisback

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.
12/02/2010, 17h52
E.Bzz
Bonjour,

Citation:

Envoyé par Djakisback

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

Ben tu t'attendais à quoi ? screen ? :aie:
C'est même plus restreint que document, puisqu'un name n'est censé être présent que dans un form ;)
Citation:
Envoyé par Djakisback

Code:

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+
12/02/2010, 18h08
Djakisback

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.

avec jquery ...

Code:

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>

12/02/2010, 22h36
Djakisback

yep pas mal :)