2012-02-28 2 views
4

J'ai donc ce code comme le corps d'un fichier HTML ...ensemble innerHTML à la variable

<body> 
<ol> 
<li id="x1"> Item 1 </li> 
<li> Item 2 </li> 
</ol> 

<script type="text/javascript"> 
var ds = "new text"; 
document.getElementById("x1").innerHTML = ds; 
</script> 
</body> 

Mais pour une raison quelconque, la ligne innerHTML ne change pas « Point 1 » à « nouveau texte. " Je ne sais pas ce qui ne va pas ici.

EDIT: J'utilise Firefox version 10.0.02, aucune erreur ne se présente dans la console, et c'est la seule chose qui utilise cet ID sur la page.

+0

Sur quel navigateur travaillez-vous? –

+0

obtenez-vous/vérifier les erreurs dans la console? – thescientist

+7

Littéralement collé votre code et cliqué sur run: http://jsfiddle.net/paislee/xU54w/ – paislee

Répondre

-1

Je suggère que vous utilisiez JQuery car faire une telle tâche avec jquery est une pièce de gâteau $ ("# x1"). InnerHTML (ds);

+0

donc n'utilise pas jquery dans ce cas ... c'est un extrait d'une ligne et dans ce cas vous n'avez pas besoin d'inclure une bibliothèque. Les chances sont que le problème ferait échouer l'extrait dans les deux cas. – thescientist

+0

jquery est si léger et il est compatible sur tous les navigateurs, donc l'utiliser vous permettra d'être sûr à 100% que votre code fonctionnera correctement. –

+0

Le scientifique signifie que si le code de l'OP échoue, le remplacer par jQuery échouera probablement aussi, pour la même raison. Donc, il vaut mieux chercher cette raison que de remplacer quelque chose qui devrait fonctionner avec autre chose. Aucune critique de jQuery n'était prévue. –