JavaScript innerHTML 不适用于 IE？

Question

我正在使用 ajax 调用来获取我的下拉列表并将其分配给 html，对于 mozilla nad crome 工作正常，但对于 IE 它显示一个空白下拉列表

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

Answer 1

当尝试添加或更新表单元素时， innerHTML 属性在 IE 中存在一些问题，解决方法是创建一个 div 并在附加到 DOM 之前设置其innerHtml 属性：

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

Answer 2

如果文档是 XHTML，则 IE 将不允许直接设置 innerHTML 属性。您需要将 responseText 解析为 DOM 元素，并用这些元素替换现有元素的内容。

Answer 3

如果您使用的是 jQuery，则可以像这样使用 append()：

$get('yourTargetObjectId').append('<p>this test to add</p>');

append() 在所选元素的末尾插入内容并使用 prepend()< /code> 在所选元素的开头插入。