来自querySelectorAll的活动节点

Question

我有一个在Firefox中工作的脚本，它使用用getElementsByClassName提取的元素数组。这个方法在IE8中不受支持，所以我必须替换querySelectorAll。我的问题是querySelectorAll创建了一个静态列表，而不是对实际元素的实时引用。

我的剧本

function subMenu(sCat,gCat,sh,gh,selection)
{
    sElements = document.querySelectorAll('cat'+sCat);
    gElements = document.querySelectorAll('cat'+gCat);

//  sElements = document.getElementsByClassName('cat'+sCat);
//  gElements = document.getElementsByClassName('cat'+gCat);

if(sh>0)
    {
    for(i=0;i<sElements.length;i++)
        {
        if(!(h = window.getComputedStyle(sElements[i],null).height)) {h=sElements[i].currentStyle;}
        nh = parseInt(h.replace("px",""))-4;
        sElements[i].style.height = nh+"px";
        }
    sh=sh-4;
    }
if(gh<100)
    {
    for(i=0;i<gElements.length;i++)
        {
        if(!(h = window.getComputedStyle(gElements[i],null).height)) {h=gElements[i].currentStyle;}
        nh = parseInt(h.replace("px",""))+4;
        gElements[i].style.height = nh+"px";
        }
    gh=gh+4;
    }
if(sh>0 || gh<100) {xMenu=setTimeout("subMenu("+sCat+","+gCat+","+sh+","+gh+",'"+selection+"')",10);}
else
    {
    fadeOut(selection);
    }
}

我已经注释掉了运行良好的脚本，但在IE8中没有。我不确定getComputedStyle或currentStyle属性是否正常工作，但设置style.height属性肯定不起作用。

所以我的问题是：

1. 是否有一种方法可以从IE8获得类似于getElementsByClassName的活动节点列表？
2. 有人能建议将数组从querySelectorAll转换为元素对象数组的方法吗？

Answer 1

顾名思义，querySelectorAll需要一个选择器。类以点开始，就像CSS中的那样：

sElements = document.querySelectorAll('.cat'+sCat);
                                      -^-

若要将其转换为实际数组，请执行以下操作：

realArray = Array.prototype.slice.call(pseudoArray);