Page 1 sur 1
Probleme de création d'objet avec la methode DOM
Publié : 09 oct. 2005, 01:24
par Tresh
Re bonjour à tous,
j'en profite une derniere fois pedant que j'ai votre attention

pour vous demandez si vous voyez une grossière erreur dans ce cette page ? je n'arrive pas à comprendre mon erreur j'espère bien que vous pourrez m'eclairer
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Document sans nom</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript">
var element = document.createElement("H1");
var text = document.createTextNode("Titre 01");
element.appendChild(text);
document.getElementById("hum").appendChild(element);
</script>
</head>
<body>
<div id="calque">
</div>
</body>
</html>
Merci d'avance pour votre patience
Publié : 09 oct. 2005, 03:15
par FF_Olivier
id "hum" d'un côté, "calque" de l'autre ?
Publié : 09 oct. 2005, 09:15
par Tresh
Désolé l'erreur d'ID a été introduite lors de l'édition de mon message, en revanche mon fichier HTML lui est correct ( me semble t il

), voila mon code avec une petite correction mais bien évidement cela ne marche toujours pas :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Document sans nom</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript">
var element = document.createElement("H1");
var text = document.createTextNode("Titre 01");
element.appendChild(text);
document.getElementById("hum").appendChild(element);
</script>
</head>
<body>
<div id="calque">
</div>
</body>
</html>
Publié : 09 oct. 2005, 09:18
par Tresh
Je suis vraimment distrait :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Document sans nom</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<script language="javascript">
var element = document.createElement("H1");
var text = document.createTextNode("Titre 01");
element.appendChild(text);
document.getElementById("hum").appendChild(element);
</script>
<div id="hum">
</div>
</body>
</html>
Publié : 09 oct. 2005, 11:05
par calimo
- Regarde la console javascript !!! C'est la clé de tous tes problèmes
Outils > Console Javascript, c'est pas compliqué non ? Avec la barre WebDeveloper c'est encore plus simple et tu vous immédiatement qu'il y a une erreur 
- Entoure tes code dans un bloc
Code : Tout sélectionner
, c'est beaucoup plus lisible :wink: [/list]
[quote="Dans la console Javascript il y"]Erreur : document.getElementById("hum") has no properties
Fichier Source : [
]
Ligne : 16[/quote]
Eh oui, quand tu appelles le script, le div n'est pas encore chargé, donc il n'existe tout simplement pas :)
Solution : appeler la fonction au chargement (window.onload) :wink: