getElementsByName resultat différent sous Ie et Firefox
Bonjour, je rencontre un problème dans le parcour des elements de ma page.
lapage suivant comporte 9 div et un bouton. Le code du bouton permet de lister toutes les div. Ce code fonctionne sous firefox, mais pas sous ie ?
quelqu'un peut-il m'eclairer ?
Merci
Voici le code
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 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
|
<html>
<head>
<style type="text/css">
.carrebleu {
border: solid 1px;
border-color: silver;
padding: 5;
background-color: #0050FF;
color: white;
position: absolute;
cursor: default;
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<nobr><div id="toto" name="moveable" class="carrebleu" style="left:25;top:25;">1</div></nobr>
<nobr><div name="moveable" class="carrebleu" style="left:125;top:25;">2</div></nobr>
<nobr><div name="moveable" class="carrebleu" style="left:225;top:25;">3</div></nobr>
<nobr><div name="moveable" class="carrebleu" style="left:25;top:125;">4</div></nobr>
<nobr><div name="moveable" class="carrebleu" style="left:125;top:125;">5</div></nobr>
<nobr><div name="moveable" class="carrebleu" style="left:225;top:125;">6</div></nobr>
<nobr><div name="moveable" class="carrebleu" style="left:25;top:225;">7</div></nobr>
<nobr><div name="moveable" class="carrebleu" style="left:125;top:225;">8</div></nobr>
<nobr><div name="moveable" class="carrebleu" style="left:225;top:225;">9</div></nobr>
<input type='button' name="moveable" style="position:absolute;left:500;top:500;width: 110px; height: 110px;" onclick="example8('moveable');" >
<script>
function example8(which){
var elts = document.getElementsByName(which);
alert(elts.length);
var msg = ['Utilisation de getElementsByName avec l\'attribut '+which+'\n'];
for (var i=0,el;el=elts[i];i++) {
msg[msg.length] = '\n=========== node #'+i+' ===========\n';
msg[msg.length] = "el.nodeName -> "+ el.nodeName + "\nel.value -> "+ el.value + "\nel.id -> "+ el.id +"\nel.checked -> "+ el.checked +"\n";
}
alert( msg.join(' ') );
}
</script>
</body>
</html> |