Probleme de création d'objet avec la methode DOM

HTML5, CSS3, Javascript, support des mobiles... Que penser de votre site ? Vous manquez d'informations pour la construction d'un site qui puisse s'afficher correctement partout ? C'est un problème simple, un peu complexe ? Venez ici !
Tresh

Probleme de création d'objet avec la methode DOM

Message par Tresh »

Re bonjour à tous,
j'en profite une derniere fois pedant que j'ai votre attention :D 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
FF_Olivier
Iguane
Messages : 979
Inscription : 09 juil. 2004, 15:41

Message par FF_Olivier »

id "hum" d'un côté, "calque" de l'autre ?
openSUSE 12.2 - FF v24.0 FR - TB v24.0 FR ma config en détails - Décrivez la vôtre ici ;)
userContent.css : modifiez l'apparence et le contenu des sites visités !
Tresh

Message 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>
Tresh

Message 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>
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message par calimo »

  1. Regarde la console javascript !!! C'est la clé de tous tes problèmes :wink:
    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 :P
  2. 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:
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 3 invités