innerHTML不适用于IE和Opera

在其他浏览器中，MacX和Win7上的FireFox4，Safari 5，Chrome，下面的代码的工作原理类似于Intented。innerHTML不适用于IE和Opera

仅适用于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); 
    }); 

});

来源

2011-05-08 CCCam

alertMessage是什么元素？ – 2011-05-08 15:14:28

尝试使用jQuery更改html。取而代之的

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

务必：

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

jQuery将处理浏览器差异更好。

来源

2011-05-08 15:21:55 ariel

嗨阿里尔，谢谢你的回答。这似乎有帮助。 itemName和itemQuantity不仅仅在IE中显示（没有值）。你知道我需要改变那些IE吗？谢谢！ – CCCam 2011-05-08 17:33:10

显示你的html结构 – ariel 2011-05-08 17:36:49

谢谢Ariel，我现在解决了这个问题。似乎ie的实时点击功能在某种程度上干涉了某些东西，所以改为改为实际的mouseup功能，并且所有这些似乎都可以再次运行：） – CCCam 2011-05-08 18:02:45

innerHTML不适用于IE和Opera

回答

相关问题