tableau retourné par getElementsByName

**Anduriel** · 21/07/2009, 14h23

Bonjour,

Dans la partie <head> j'ai mis simplement:

Code :

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

1
2
3
4
function aff_tab(tab) {
  rows = document.getElementsByName("tr_tab" + tab).length;
  alert(rows);
 }

et dans <body>:

Code :

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

<input title="Afficher" type="button" name="aff_tab1" OnClick="aff_tab(1);" value="+" />

où juste après se trouvent plusieurs:

Code :

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

<tr style="display:none" name="tr_tab1">

Pourquoi me renvoit-on toujours 0?
Merci

**E.Bzz** · 21/07/2009, 14h39

Bonjour,

Envoyé par Anduriel

Pourquoi me renvoit-on toujours 0?

parce que tout ceci n'est pas dans un formulaire ?

A+

**Anduriel** · 21/07/2009, 15h18

Mmm j'ai oublié les bases du javascript.

Donc je suis obligé de mettre ces balises form? Vu que je n'ai pas de formulaire, je trouve ça un peu superflu... il n'y a pas d'autres moyens?

Merci

**E.Bzz** · 21/07/2009, 15h20

Un form juste pour ça serait effectivement dommage ...

Mais il y a (presque) toujours un autre moyen

A+

**Anduriel** · 21/07/2009, 15h26

Merci, je vais regarder.

Quand même, simple question: pourquoi après avoir mis <form> et </form> ça ne fonctionne toujours pas?
Le <button> doit il être après les <tr> concernés?

**franculo_caoulene** · 21/07/2009, 15h31

Tu n'as pas besoin de mettre en place un formulaire. L'attribut name n'existe pas pour les éléments tr. Ceci retourne 1 pour FF, opera et Safari, mais pas IE pour le tr :

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
28
29
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>getElementsByName sans formulaire</title>
  <meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
  <style type="text/css">
  /* code css */
  </style>
</head>
<body>
  <div>
    <table>
      <tr name="t1">
        <td>blah</td>
      </tr>
    </table>
    <input id="i" name="i1" type="text" />
    <button id="b" name="b1" type="button" value="b" onclick="fn(1);">b</button>
  </div>
  <script type="text/javascript">
  <!--
  var fn = function(i) {
    alert("tr : "+ document.getElementsByName("t"+ i).length +
      "\ninput : "+ document.getElementsByName("i"+ i).length);
  }
  //-->
  </script>
</body>
</html>

Testes-tu sur IE?