我的javascript代码有什么问题?它在IE8中不起作用 .新资讯{ 颜色:红色; } 函数getBox(){ var sende=document.queryselectoral(“.abcd”); 警报(sende[0].hasChildNodes()); 警报(y[0].hasChildNodes()); if(sende[0].hasChildNodes()==false&&sende[0].nodeValue==null){ var newdiv=document.createElement('div'); newdiv.innerHTML=“我想要的”; newdiv.className=“新建信息”; sende[0].appendChild(newdiv); } } getBox();

我的javascript代码有什么问题?它在IE8中不起作用 .新资讯{ 颜色:红色; } 函数getBox(){ var sende=document.queryselectoral(“.abcd”); 警报(sende[0].hasChildNodes()); 警报(y[0].hasChildNodes()); if(sende[0].hasChildNodes()==false&&sende[0].nodeValue==null){ var newdiv=document.createElement('div'); newdiv.innerHTML=“我想要的”; newdiv.className=“新建信息”; sende[0].appendChild(newdiv); } } getBox();,javascript,Javascript,在上面的代码中,我想用一些div-as-childnode填充类为'abcd'的div标记,这些div-as-childnode包含一些类似于'whichi-want'的文本。这在其他浏览器中运行良好,但在IE8中不起作用。 我应该怎么做才能在IE8中使用此代码?查询选择器all在IE8中不起作用,例如仅在IE8标准模式下才起作用,在IE8中也有很多 要查看解决方案,请执行以下操作: 不幸或幸运的是,由于这些跨浏览器问题,存在JavaScript库可以从中受益,从而为我们内部清除所有这些混

在上面的代码中,我想用一些div-as-childnode填充类为'abcd'的div标记,这些div-as-childnode包含一些类似于'whichi-want'的文本。这在其他浏览器中运行良好,但在IE8中不起作用。
我应该怎么做才能在IE8中使用此代码?

查询选择器all在IE8中不起作用,例如仅在IE8标准模式下才起作用,在IE8中也有很多

要查看解决方案,请执行以下操作:


不幸或幸运的是,由于这些跨浏览器问题,存在JavaScript库可以从中受益,从而为我们内部清除所有这些混乱在代码中,因此它不会执行

请参见演示:


我已经对警报(y[0].hasChildNodes()进行了注释并且它正在工作。

那么什么是解决方案呢?querySelectorAll还有其他选择吗?@AhsanRathod:Yep但是它只在IE8标准状态下工作,并且在IE8文档中有bug。getElementsByClassName也不工作,那么还有什么其他方法可以用于IE8呢?@AhsanRathod:同时检查:这段代码正在做什么
警报(y[0]。hasChildNodes());
因此,它没有在IE8中执行。请参阅此演示:我已对
警报(y[0].hasChildNodes());
进行了注释,它工作正常。。
<html>
<head></head>
<body>
<div class="abcd"></div>
<style>
.new_info {
color:red;
}
</style>
<script>

function getBox(){
    var sende = document.querySelectorAll(".abcd");

    alert(sende[0].hasChildNodes());
    alert(y[0].hasChildNodes());
    if(sende[0].hasChildNodes() == false && sende[0].nodeValue == null){
            var newdiv = document.createElement('div');
            newdiv.innerHTML = "which i want";
            newdiv.className = "new_info";
            sende[0].appendChild(newdiv);
}
}
getBox();

</script>
</body>
</html>