Verifier un appendChild

Keitaro69

10 Apr 2013 à 20:16

Bonjour à tous, j'ai ajouté une liste à un formulaire, mais je sais pas ou le vérifier(rien qui change dans le code source), alors peut-être qu'il y a une erreur dans mon code.

<html>
   <head>
   <title>Untitled</title>
   <meta charset="utf-8">

   
<script>
   window.onload = function()
   {
   }
   function envoyer()
   {
     document.getElementById('div').innerHTML = '<ul id="liste"><li>Liste pucée</li><li>Liste pucée</li><li>Liste pucée</li></ul>';
     document.getElementById('formulaire').appendChild('liste');
   }
   </script>

 
</head>
<body>
<form id="formulaire" action="#" method="get">
     <input name="boutton" type="submit" value="Envoyer" onmouseover="envoyer()">
   </form>
<div id="div"></div>
</body>
</html>

Merci d'avance
Modifié par Keitaro69 (10 Apr 2013 - 20:20)

lddsoft

19 Apr 2013 à 11:32

Bonjour,

Pourquoi n'utilises-tu pas

[b]document.createElement("ul");[/b]

pour créer ta liste, au lieu d'utiliser innerHTML?

Effectivement, thomash35, cette ligne provoque cette erreur (console Firefox) :
NS_ERROR_XPC_BAD_CONVERT_JS: Could not convert JavaScript argument arg 0 [nsIDOMHTMLFormElement.appendChild]
et IE8 signale comme erreur : Le type ne correspond pas.

J'ajouterai également à l'adresse de Keitaro69 qu'il vaut mieux éviter d'utiliser des mots-clés comme noms de variables, d'ids, de class etc., car cela peut amener des problèmes. Smiley cligne

Modifié par lddsoft (19 Apr 2013 - 11:59)