Pourquoi est-ce que mon image s'affiche pas lorsque j'utilise Javascript innerHTML de l'appeler?

Je suis assez nouveau à Javascript, et j'ai essayé des choses dehors. Je suis l'aide d'une fonction pour charger une image à l'intérieur d'un tableau en utilisant innerHTML. Mais l'image ne s'affiche pas, sauf si je call alert("quoi") à la fin de la fonction, puis il montre alors que l'alerte est visible.
Le code que j'utilise est quelque chose comme (la fonction est appelée à partir d'un fichier js externe)

<script>
   function show(){
        document.getElementById('imageHolder1').innerHTML="<a href="#"><img='photos/picture.jpg' border=0/></a>";
    }
</script>

<body> <input name="b1" type="button" value="pics" onclick="show()"/>
<table><td id='imageHolder1'>picture</td></table>
</body> ``

Je ne comprends pas pourquoi ça ne fonctionne pas, tous les exemples que j'ai regardé sont similaires, je ne vois pas de grandes différences.Même si j'essaie avec la balise ne fonctionne pas. Bien toute aide bienvenue! Merci à l'avance, et si vous avez des suggestions sur la façon de le faire (pas de jquery depuis que je suis en train d'apprendre le javascript) j'aimerais également l'apprécier. Merci encore!

  • De vérifier la #, vous avez besoin pour échapper à la " dans votre innerHTML chaîne. innerHTML est une bête de travail, parce que vous avez à faire assurez-vous tout ce que vous insérez est vrai et bon HTML. Voudrez peut-être regarder dans le plus verbeux, mais plus digne de confiance DOM la manipulation de javascript comme appendChild etc.
  • Aussi, je vous suggère de travailler avec quelque chose comme firebug pour FF ou certains autres débogueur JavaScript, que ces erreurs sont plus faciles à repérer.
  • merci, je vais essayer appendChild, et définitivement de regarder le code Javascript, des débogueurs, que rien ne semble fonctionner avec cet exemple qu'il est.
InformationsquelleAutor biobio | 2012-03-01