document.getElementsByClassName et IE7??

**Prosis** · 17/11/2008, 22h11

Bonjour

J'utilise getElementsByClassName qui fonctionne sans problèmes ni erreurs dans Firefox, Safari, Chrome mais pas dans * tan ta na na * Internet Explorer 7...

Savez-vous pourquoi?

Merci

**Bovino** · 17/11/2008, 22h20

Ce que je ne comprends surtout pas, c'est pourquoi ça fonctionne avec les autres navigateurs dans la mesure où cette méthode n'existe pas... à moins que tu aies oublié de préciser qu'il s'agit de la fonction de la lib Prototype dont il est spécifié qu'il faut éviter de l'utiliser car elle pose problème avec IE !

**Prosis** · 17/11/2008, 22h24

Cette méthode n'existe pas??

Pourtant je n'utilise pas Prototype.

J'ai juste fait

Code :

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

document.getElementsByClassName('classe')

et ca a marché...

**Bovino** · 17/11/2008, 22h36

Ben... là je comprends pas trop... si tu essayes getElementsByClassName() sur FF, tu obtiens bien une erreur comme quoi ce n'est pas une fonction ! Tu es sûr qu'aucun script de ta page n'appelle Prototype ou une autre lib ?

**Prosis** · 17/11/2008, 23h05

Non non j'ai tout fais moi même et je n'utilise rien d'autre...et en FF je n'ai aucune erreur

**Auteur** · 17/11/2008, 23h11

bonjour,

la fonction getElementsByClassName() est bien implémentée sous Firefox 3 : https://developer.mozilla.org/En/DOM...ntsByClassName

Elle n'est pas implémentée sous IE.

Exemple (qui fonctionne sous FF3) :

Code html :

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
 
<head>
 
<title></title>
 
 
<meta http-equiv="Content-type" content="application/xhtml+xml; charset=ISO-8859-1" />
<meta http-equiv="Content-Language" content="fr" />
 
 
<style type="text/css">
<!--
.testClasse{
  color:#0000FF;
}
-->
</style>
 
 
<script type="text/javascript">
<!--  
function test()
{
  alert(document.getElementsByClassName("testClasse").length);
}
//-->
</script>
 
</head>
 
<body onload="test()">
 
<div class="testClasse">coucou</div>
<div class="testClasse">coucou</div>
<div class="testClasse">coucou</div>
<div>coucou</div>
 
</body>
 
</html>

le alert() retourne 3 éléments.

**Bovino** · 17/11/2008, 23h18

il va vraiment falloir que je passe à FF3 alors !!!

document.getElementsByClassName et IE7??

JavaScript

Vue hybride

Discussions similaires

Partager

Partager