获取“sections.each 不是函数”使用 javascript / scriptaculous

Question

尝试使用 Scriptaculous 的示例代码进行一些拖放操作。它在 IE8 中工作正常，但 Firefox 和 Chrome 会生成“sections.each is not a function”错误。

这是代码：

function getGroupOrder() {
    var sections = document.getElementsByClassName('section');
    var alerttext = '';
    sections.each(function(section) {
        var sectionID = section.id;
        var order = Sortable.serialize(sectionID);
        var mySectionID = Right(section.id);
        var myLen = String(Sortable.sequence(section)).length;
        var StuCode = "";
        if (myLen ==8)
        {var StuCode = String(Sortable.sequence(section)).substring(myLen, 2);}
        else if (myLen ==9)
        {var StuCode = String(Sortable.sequence(section)).substring(myLen, 3);}
        
        alerttext += mySectionID + ': ' + StuCode + '\n';
            alerttextb = sectionID + ': ' + StuCode + '\n';
    }
}

论坛上建议的一个解决方案“我能够通过使用 $A() 包装对 document.getElementsByClassName('section'); 的调用来解决此问题”，但我不知道这意味着什么！我问这是什么意思，但这个帖子是2008年发的，至今还没有回复。

Answer 1

本机实现上的 getElementsByClassName 方法返回一个 NodeList，而不是 Array 对象。

PrototypeJS 中的 $A 方法可以转换任何可迭代对象转换为 Array 对象，例如：

$A(sections).each(function(section) {
  //...
});