Javascript 循环数组,获得每4项Li并将其添加到Ul列表中

Javascript 循环数组,获得每4项Li并将其添加到Ul列表中,javascript,html,css,Javascript,Html,Css,我有这个li列表和类名列表,我需要循环它们,得到每4个列表,并将其附加到div中的ul中,类名为first wrp,我用JavaScript创建一个列表,得到4个项,但字段要附加到ul中,因为错误被调用 未捕获的TypeError:未能在“节点”上执行“appendChild”:参数1不是“节点”类型 var fristWrp=document.querySelector('.fristWrp'); var list=document.querySelectorAll('.list'); va

我有这个li列表和类名列表,我需要循环它们,得到每4个列表,并将其附加到div中的ul中,类名为first wrp,我用JavaScript创建一个列表,得到4个项,但字段要附加到ul中,因为错误被调用

未捕获的TypeError:未能在“节点”上执行“appendChild”:参数1不是“节点”类型

var fristWrp=document.querySelector('.fristWrp');
var list=document.querySelectorAll('.list');
var arrayList=Array.from(列表);
让迭代次数=Math.ceil(list.length/4);
对于(var i=0;i

  • 文本1
  • 文本2
  • 文本3
  • 文本4
  • 文本5
  • 文本6
  • 课文7
  • 文本8
  • 课文9
  • 文本10
  • 块是一个数组。应该是

    var fristWrp = document.querySelector('.fristWrp');
    var list = document.querySelectorAll('.list');
    
    var arrayList = Array.from(list);
    let iterations = Math.ceil(list.length / 4);
    for (var i = 0; i < iterations; i++) {
      var chunk = arrayList.slice(i * 4, (i + 1) * 4);
      var createUl = document.createElement('ul');
      fristWrp.appendChild(createUl);
      chunk.forEach(function(item) {
        createUl.appendChild(item);
      })
    }
    
    var fristWrp=document.querySelector('.fristWrp');
    var list=document.querySelectorAll('.list');
    var arrayList=Array.from(列表);
    让迭代次数=Math.ceil(list.length/4);
    对于(var i=0;i
    区块是一个数组。应该是

    var fristWrp = document.querySelector('.fristWrp');
    var list = document.querySelectorAll('.list');
    
    var arrayList = Array.from(list);
    let iterations = Math.ceil(list.length / 4);
    for (var i = 0; i < iterations; i++) {
      var chunk = arrayList.slice(i * 4, (i + 1) * 4);
      var createUl = document.createElement('ul');
      fristWrp.appendChild(createUl);
      chunk.forEach(function(item) {
        createUl.appendChild(item);
      })
    }
    
    var fristWrp=document.querySelector('.fristWrp');
    var list=document.querySelectorAll('.list');
    var arrayList=Array.from(列表);
    让迭代次数=Math.ceil(list.length/4);
    对于(var i=0;i
    您可以让查询选择器为您完成繁重的工作
    :nth-child()

    var fristWrp=document.querySelector('.fristWrp');
    var list=document.querySelectorAll('.list:n个子项(4n+1)');
    Array.from(list.forEach)((块)=>{
    var createUl=document.createElement('ul');
    第一个附件(createUl);
    createUl.appendChild(chunk);
    });
    
    
    
  • 文本1
  • 文本2
  • 文本3
  • 文本4
  • 文本5
  • 文本6
  • 课文7
  • 文本8
  • 课文9
  • text 10
  • 您可以让查询选择器为您完成繁重的工作
    :nth-child()

    var fristWrp=document.querySelector('.fristWrp');
    var list=document.querySelectorAll('.list:n个子项(4n+1)');
    Array.from(list.forEach)((块)=>{
    var createUl=document.createElement('ul');
    第一个附件(createUl);
    createUl.appendChild(chunk);
    });
    
    
    
  • 文本1
  • 文本2
  • 文本3
  • 文本4
  • 文本5
  • 文本6
  • 课文7
  • 文本8
  • 课文9
  • 文本10