javascript - 在遍历对象 HTMLDivElement 时，应用 ChildNode 样式的 zindex 在 firefox 和 chrome 中给出未定义？

Question

function setPosition(currentdiv) 
{
    try {
        for (var i = 0; i < document.getElementById("parentContainer").childNodes.length; i++)
        {
           document.getElementById("parentContainer").childNodes[i].style.zIndex = 0;                       
        }

        currentdiv.style.zIndex = 1;
    } catch (e) {
        alert(e.Message);
    }
}

我在函数 setPosition 中传递 Html Div 元素并遍历其子节点并将 z-index 属性设置为零。它在 IE 中运行良好，但在 firefox 和 chrome 中的第一次迭代中给出了 Undefined 。有什么帮助吗？

Answer 1

我想在评论中告诉您的是，nodetype textnode 根本没有样式属性，并且 IE 会在给您子节点时忽略 textnode..这应该有效..

function setPosition(currentdiv) 
{
    try {
        for (var i = 0; i < document.getElementById("parentContainer").childNodes.length; i++)
        {
               var elem = document.getElementById("parentContainer").childNodes[i]
               if(elem.nodeType != 3){
                    elem.style.zIndex = 0; 
               }                      
        }

        currentdiv.style.zIndex = 1;
    } catch (e) {
        alert(e.Message);
    }
}