getElementsByName IE & FF

**SPACHFR** · 09/03/2011, 11h31

Bonjour,

J'ai une différence entre IE7-IE8 et FF sur l'instruction getElementsByName

Sous FF, la taille du tableau retourné est correcte (2) alors que sous IE j'ai systématiquement 0.

Le code est JS est le suivant :

Code :

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

1
2
3
4
5
 
<script type="text/javascript"> 
var nb = document.getElementsByName("cpc");
alert(nb.length); 
</script>

J'avoue que je ne comprend pas pourquoi, IE me renvoi 0 alors que j'attend 2 ?

l'ensemble de la page :

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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>...</title>
<style type="text/css">
.boite {
	position:relative;
	width:100%;
	overflow:hidden;
	background-color:#ff0000;
}
 
.t{	text-align:center;
	font-size:20px;
	font-weight:bold;
	background-color:#ffff00;
	cursor:pointer;
}
 
 
.m{	position:absolute;
	padding:10px;
 
}	
</style>
<script type="text/javascript"> 
var nb = document.getElementsByName("cpc");
alert(nb.length); 
</script> 
</head>
<body>
<div id="cadre">
 
	<div id="boite0" name="cpc" class="boite">
		<div id="t0" class="t">CPC0</div>
		<div id="m0" class="m">
			<div>XC036</div>
		   <div>XC036</div>
		   <div>XC036</div>
		   <div>XC036</div>
		</div>
	</div>
	<div id="boite1" name="cpc" class="boite">
		<div id="t1" class="t">CPC1</div>
		<div id="m1" class="m">
			<div>XC036</div>
		   <div>XC036</div>
		   <div>XC036</div>
		   <div>XC036</div>
		</div>
	</div>
</div>
</body>
</html>

Un petit coup de main serait apprécié
MERCI

**SpaceFrog** · 09/03/2011, 11h34

parce que ton script est lancé trop tot, les objets ne sont pas encore instanciés
soit tu mets ton script après les objets dans le flux,
soit tu mets ton script dasn une fonction que tu lances sur le onlaod

**javatwister** · 09/03/2011, 11h59

ceci dit, un attibut name pour un div, ça n'a pas de sens;

**SPACHFR** · 09/03/2011, 12h49

Merci pour vos réponse, je vais ajouter un setTimeout un onload

La raison du name sur certain DIV est afin de pouvoir sélectionner uniquement ces DIV pour faire une menu type accordion. Comme je voulais conserver les ID uniques j'ai attribué un name. Mais s'il existe une solution plus propre je suis preneur.

MERCI

**SpaceFrog** · 09/03/2011, 12h53

plus propre oui
getElementsByCLassName pour les navs récents ou jquery avec ses selecteurs puissants

**NoSmoking** · 09/03/2011, 13h10

d'après la doc MSDN IE ne reconnaît pas l'attribut name sur les DIV

Attr Constructor, A, APPLET, attribute, BUTTON, EMBED, FORM, IMG, INPUT type=button, INPUT type=checkbox, INPUT type=file, INPUT type=hidden, INPUT type=image, INPUT type=password, INPUT type=radio, INPUT type=reset, INPUT type=submit, INPUT type=text, LINK, MAP, OBJECT, RT, RUBY, SELECT, TEXTAREA, HTMLAnchorElement Constructor, HTMLButtonElement Constructor, HTMLEmbedElement Constructor, HTMLFormElement Constructor, HTMLImageElement Constructor, HTMLInputElement Constructor, HTMLMapElement Constructor, HTMLObjectElement Constructor, HTMLSelectElement Constructor, HTMLTextAreaElement Constructor