réglage innerHTML pour tous les navigateurs en javascript

Question

que je veux charger le contenu d'un DIV dynamiquement dans javascript.I utilisé ce code

var strHtml="<h3>Test</h3>"; 
var div = $("#divPrice"); 
div.innerHTML=strHtml 

Cela fonctionne dans IE. Mais pas dans firefox.Whats l'alternative de ce qui fonctionne sur tous les navigateurs?

Answer 1

Essayez cette façon:

var strHtml="<h3>Test</h3>"; 
$("#divPrice").html(strHtml); 

Answer 2

Je suppose que vous utilisez un javascript pur, pas jquery.

var div = $ ("# divPrice");

devrait être

var div = document.getElementById ("divPrice");

D'autres vont bien.

Answer 3

Il semble que vous utilisez jquery, vous pouvez utiliser:

var strHtml="<h3>Test</h3>"; 
var div = $("#divPrice"); 
div.html(strHtml); 

Answer 4

Je suppose que vous utilisez basé sur $() un framework JavaScript. En regardant vos autres questions, il semble que vous utilisez jQuery, dans ce cas, vous pouvez faire

$("#divPrice").html(strHtml); 

Juste pour référence, commande html() jQuery ne le

jQuery.fn = jQuery.prototype = { 
     html: function(value) { 
      return value === undefined ? 
       (this[0] ? 
        this[0].innerHTML.replace(/ jQuery\d+="(?:\d+|null)"/g, "") : 
        null) : 
       this.empty().append(value); 
     } 
    }