innerHTML没有显示IE和Opera

时间:2011-05-08 15:11:06

标签: javascript jquery internet-explorer

在其他浏览器中,MacX和Win7上的FireFox4,Safari 5,Chrome, 我下面的代码就像是故意的。

仅适用于ie8 en opera无效... 我需要添加或更改以使其适用于这两个浏览器吗?

$(document).ready(function(){

$(".myButton").live("click", function() {               
        $("#myDiv").fadeIn("fast")

        var alertMessage = document.getElementById("alertMessage");     
        var itemName = $(this).parent().find(".itemName").text();
        var itemQuantity = parseInt($(this).siblings(".itemQuantity").val()); 

        alertMessage.innerHTML = itemQuantity + "x " + '<strong>'+itemName+'</strong>' ; 

        $("#myDiv").fadeOut(4000);
    });

});

1 个答案:

答案 0 :(得分:2)

尝试使用jQuery更改html。而不是

var alertMessage = document.getElementById("alertMessage");     
...
alertMessage.innerHTML = itemQuantity + "x " + '<strong>'+itemName+'</strong>' ; 

执行:

$("#alertMessage").html(itemQuantity + "x " + '<strong>'+itemName+'</strong>') ; 

Jquery将更好地处理浏览器差异。