Javascript 循环数组,获得每4项Li并将其添加到Ul列表中
我有这个li列表和类名列表,我需要循环它们,得到每4个列表,并将其附加到div中的ul中,类名为first wrp,我用JavaScript创建一个列表,得到4个项,但字段要附加到ul中,因为错误被调用 未捕获的TypeError:未能在“节点”上执行“appendChild”:参数1不是“节点”类型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
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