Question

我不能使用＆＃39; windlow.onload＆＃39;或者＆＃39; document.onload＆＃39;我也不知道列表项的数量，但我知道这个数字很大。我想在每个列表项加载后逐个修改列表项。我实现了以下代码，但我觉得可能有更好的解决方案。有什么想法吗？

function func_loopOverList(){
  func_loopOverList.loadedCurr;//Current function call; number of loaded items
  func_loopOverList.loadedLast;//Last function call; number of loaded items

  if(document.readyState!=="complete"){
    func_loopOverList.loadedCurr=document.getElementsByTagName("li").length;
    for(var i = func_loopOverList.loadedLast; i < func_loopOverList.loadedCurr; i++){
      var element=document.getElementsByTagName("li")[i];
      //do things to element
    }
    func_loopOverList.loadedLast=func_loopOverList.loadedCurr;
    setTimeout(func_loopOverList,15);
  }else{
    console.log("Happy End");
  }
}

Answer 1

略微修改代码，将getElementsByTagName返回的动态“节点列表”更改为数组 - 这样就不会出现问题

function func_loopOverList() {
    function process() {
        var lis = document.getElementsByTagName("li");

        func_loopOverList.loadedCurr = lis.length;

        [].slice.call(lis, func_loopOverList.loadedLast || 0).forEach(function(element) {
            //do things to element
        });

        func_loopOverList.loadedLast = func_loopOverList.loadedCurr;
    }
    process();
    if (document.readyState !== "complete") {
        setTimeout(func_loopOverList, 15);
    } else {
        process(); // one more time - this may be redundant, but it wont hurt
        console.log("Happy End");
    }
}

这使用数组的forEach，只是因为没有真正的理由，我更喜欢它。你可以用for循环来做，但我觉得使用getElementsByTagName列表的“副本”更安全（因为它不是静态列表）

如果列表项的数量未知，如何在加载每个列表项时逐个修改列表项

1 个答案: