document.getElementById ('grand_total_display'). InnerHTML = "Total est: $" + variable; affiche une erreur dans IE6 et IE7

Question

document.getElementById('grand_total_display).innerHTML = "Total is : $"+variable; affiche l'erreur dans IE6 et IE7

J'ai un <li> avec id comme grand_total_display avec un texte affiché à l'intérieur.

<li class="bannerprice" id="grand_total_display">TOTAL PRICE : $0</li> 

J'exécute une fonction jjavascript d'insérer une autre valeur en elle .. mais je suis affiché avec l'erreur comme indiqué ci-dessous:

S'il vous plaît aidez-moi à corriger le problème

Answer 1

Assurez-vous que votre <script> est après l'élément #totaldisplay (également que l'ID est unique sur votre page).

Answer 2

Apparemment, il n'y a pas d'élément dans le DOM avec 'totaldisplay' comme identifiant, ou, comme le suggère galambalazs, vous pouvez avoir plusieurs éléments avec le même identifiant.

Avec IE7 vous pouvez utiliser le plugin "Internet Explorer Developer Toolbar" et "Web Development Helper", pour trouver le problème.

Answer 3

Vous avez le mauvais ID:

variable = "howdy"; 
document.getElementById('grand_total_display').innerHTML = "Total is : $"+variable; 

au lieu de

variable = "howdy"; 
document.getElementById('totaldisplay').innerHTML = "Total is : $"+variable;