document.getElementById ne veut pas fonctionner sous IE

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : document.getElementById ne veut pas fonctionner sous IE

Aiexis

PC hanté

Bonsoir,
je deviens FOU :fou: :fou:

Est-ce qu'une âme charitable pourrait m'expliquer pourquoi ce bout de code ne fonctionne pas sous IE ? (marche très bien sous chrome/firefox)

Code :

<div id="test"></div>
<script type="text/javascript">
document.getElementById("test" ).innerHTML = 'blabla';
</script>

J'ai fait ça des millions de fois, ça a toujours fonctionné, j'ai des sites qui tournent avec ce genre de chose, aucun problème, mais ça, ça veut pas :heink: :heink: :heink:
J'obtiens cette erreur, sous IE 9
Impossible de définir la valeur de la propriété « innerHTML » : objet null ou non défini

Et ta mémé elle est pas définie ?
Bon sang je suis au bord de la crise de nerf là !

merci de me sauver la vie avant que je me jette

---------------
"L'espoir meurt en dernier", proverbe allemand

Publicité

Pc_eXPert

Si tu englobes ton texte avec <div> ça fait quoi ? Apparemment IE9 vérifie la validité de l'HTML inséré avec innerHTML. Ça n'explique pas qu'il ne soit pas défini, par contre. Et puis innerHTML est une propriété bien de chez eux à Microsoft, la moindre des choses serait qu'ils l'implémentent correctement.

Aiexis

PC hanté

Je comprends pas ce que tu veux dire par "englober mon texte avec <div>"

Finalement j'ai trouvé une solution de remplacement. J'ai mis un <input id="test"> et
document.getElementById("test" ).value = 'blabla';

Avec un peu de css ça ressemble à ce que je voulais, mais bon, c'est encore une fois du bricolage grâce à microsoft :pfff:

Message cité 1 fois

raskt

Ajoute une balise <body>, ça peut aider.

Aiexis

PC hanté

Marche pas, avec ou sans body, en essayant tous les doctypes de l'univers, etc...

gatsu35

Blablaté par Harko

on peut voir le code de toute ta page, car j'ai un doute là

---------------
Blablaté par Harko

Pc_eXPert

Aiexis a écrit :

"<div>blabla</div>"
C'est ça que je voulais dire

Message cité 1 fois

Aiexis

PC hanté

Pc_eXPert a écrit :

"<div>blabla</div>"
C'est ça que je voulais dire

Toujours rien sur IE...
la preuve en image
http://www.pronotennis.org/test.php

A moins que ça soit mon IE qui soit buggué ? :??:
Je me méfie de tout maintenant...

raskt

Le HTML est en mode quirks à cause du manque de DTD.
Je crois qu'en elevant l'attribut type ça doit passer.

Ca marche ça non :

Code :

<html>
<body>
<div id="test"></div>
<script type="text/javascript">
document.getElementById("test" ).innerHTML = '<div>blabla</div>';
</script>
</body>
</html>

Message cité 1 fois
Message édité par raskt le 15-01-2012 à 16:24:12

Aiexis

PC hanté

raskt a écrit :

Le HTML est en mode quirks à cause du manque de DTD.
Je crois qu'en elevant l'attribut type ça doit passer.

Ca marche ça non :

Code :

<html>
<body>
<div id="test"></div>
<script type="text/javascript">
document.getElementById("test" ).innerHTML = '<div>blabla</div>';
</script>
</body>
</html>

Ah oui, ça, ça marche...

alors que ça

Code :

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript">
document.getElementById("test" ).innerHTML = '<div>blabla</div>';
</script>
</head>
<body>
<div id="test"></div>
</body>
</html>

ça marche pas :lol:

J'aime bien débugguer en faisant du ligne par ligne pour trouver là où ça coince (joke)

Publicité

raskt

Si tu utilise un handler pour exécuter du code après que le DOM soit 'ready' (par exemple via jquery), ça devrait mieux marcher...
ça par exemple ca a l'air sympa: http://code.google.com/p/domready/

Message cité 1 fois
Message édité par raskt le 15-01-2012 à 16:30:12

Aiexis

PC hanté

raskt a écrit :

Non je vais pas utiliser un AK47 pour écraser une mouche
effectivement il faut, à la fois que le div soit avant le script, ce qui est logique, et qu'il y ait les balises html et body.
Dans mes innombrables tests j'avais jamais dû réunir ces 2 conditions, ou alors il y avait un 3ème truc qui bloquait.
Merci bien en tout cas!

raskt

Pour l'archivage:

Code :

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script src="domready.js" type="text/javascript"></script>
<script type="text/javascript">
DomReady.ready(function() {
document.getElementById("test" ).innerHTML = '<div>blabla</div>';
});
</script>
</head>
<body>
<div id="test"></div>
</body>
</html>

Aiexis

PC hanté

Et le lien de téléchargement de domready qui peut effectivement être utile:
http://domready.googlecode.com/files/domready.js

PS: par contre les div entourant "blabla" ne sont pas utiles.

Message édité par Aiexis le 15-01-2012 à 16:39:29

FORUM HardWare.fr

Programmation

HTML/CSS

document.getElementById ne veut pas fonctionner sous IE

Sujets relatifs
javascript FONCTION EVENT SOUS IE ET FIREFOX	Macro pour copier le contenu d'un document excel vers un autre
Mise a jour d'un site a partir d'un document .txt ?	getElementById & FindControl
Liens hypertextes sont inactif sur mozilla mais fonctionnent sur IE	Problème image d'un header qui se décale sous IE
Problème avec firefox et IE	IE ne sait pas ouvrir les PNG ?
Macro pour défusionner un document obtenu par publipostage	Gestion de document Word via macro VBA excel
Plus de sujets relatifs à : document.getElementById ne veut pas fonctionner sous IE

Page générée en 0.057 secondes