установки innerHTML для всех браузеров в JavaScript

Question

Я хочу, чтобы загрузить содержимое DIV динамически в javascript.I использовал этот код

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

Это работает в IE. Но не в firefox.Whats альтернатива этого, которая работает на всех браузерах?

Answer 1

Попробуйте так:

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

Answer 2

Предполагаю, что вы используете чистый javascript, а не jquery.

var div = $ ("# divPrice");

должно быть

вар DIV = document.getElementById ("divPrice");

Другие в порядке.

Answer 3

Похоже, что вы используете JQuery, так что вы можете использовать:

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

Answer 4

Я понимаю, что вы будете использовать JavaScript Framework на основе $(). Глядя на ваши другие вопросы, это выглядит, как вы используете JQuery, в этом случае вы можете сделать

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

Просто для справки, команда JQuery в html() выполняет следующие

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); 
     } 
    }