JavaScript的innerHTML不适用于IE浏览器？ [英] JavaScript innerHTML is not working for IE?

问题描述

我使用ajax来为我的下拉列表添加列表，并将其分配给html，对于mozilla nad crome正常工作，但对于IE，它显示空白下拉列表

  var xmlhttp; 
 
 var strURL =selectedu.php？selectward =+ selectward; 
 
 if（window.XMLHttpRequest）
 {//代码为IE7 +，Firefox，Chrome，Opera，Safari 
 xmlhttp = new XMLHttpRequest（）; 
} 
 else 
 {//代码为IE6，IE5 
 xmlhttp = new ActiveXObject（Microsoft.XMLHTTP）; 
 
 xmlhttp.onreadystatechange = function（）{
 if（xmlhttp.readyState == 4&& xmlhttp.status == 200）
 {
 if （xmlhttp.responseText ==NOER）
 {
 alert（Select ER Type）; 
} 
 else 
 {
 document.getElementById（id）.innerHTML = xmlhttp.responseText; 
} 
} 
} 
 xmlhttp.open（GET，strURL，true）; 
 xmlhttp.send（）; 
  

解决方案

innerHTML property有一些问题，解决方法是在附加到DOM之前创建div并设置innerHtml属性：

  var newdiv = document.createElement（div）; 
 newdiv.innerHTML = xmlhttp.responseText; 
 var container = document.getElementById（id）; 
 container.appendChild（newdiv）; 
  

I am using ajax call for to bring the list for my drop down and assign it to html,works fine for mozilla nad crome but for IE it displays a blank dropdown

var xmlhttp;

var strURL = "selectedu.php?selectward="+selectward;

if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function(){
    if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
        if(xmlhttp.responseText=="NOER")
        {
            alert("Select ER Type");
        }
        else
        {
            document.getElementById(id).innerHTML=xmlhttp.responseText;
        }   
    }
}
xmlhttp.open("GET",strURL,true);
xmlhttp.send();

解决方案

The innerHTML property has some problems in IE when trying to add or update form elements, the workaround is to create a div and set the innerHtml property on that before appending to the DOM:

var newdiv = document.createElement("div");
newdiv.innerHTML = xmlhttp.responseText;
var container = document.getElementById(id);
container.appendChild(newdiv);

这篇关于JavaScript的innerHTML不适用于IE浏览器？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！