html 隐藏元素的增删是否有效率问题,html 元素的增删是否存在代码备用

}

varbox=document.getElementById('box');//从前端获取后端的数据

vardata=[

{id:1,name:'小米8',subName:'你真好',price:98},

{id:2,name:'小米6',subName:'你真好2',price:948},

{id:3,name:'小米4',subName:'你真好3',price:100},

{id:4,name:'小米2',subName:'你真好4',price:928},

{id:5,name:'小米10',subName:'你真好5',price:918}

];for(vari=0;i

li.innerHTML=`

${data[i].name}

${data[i].subName}

${data[i].price}元`;

box.appendChild(li)

}

delchild();functiondelchild(){varul=document.getElementById('box');//创建节点

varli1=document.createElement('li');varli2=document.createElement('li');

li1.innerHTML= '123';

li1.setAttribute('class','active');

console.log(li1.children);

li1.children[0].style.color= 'red';

li1.children[0].style.fontSize= '20px';

ul.appendChild(li1);//ul.appendChild(li2);

//li2.innerHTML= '第一个';

ul.insertBefore(li2,li1);//ul.removeChild(li2);

}if(isExist())

{

console.log('不操作');

}/*function isExist(){

//循环ul节点

var liList=$("#box").children("li")

for(var i=0;i

var pl=liList.eq(i).find("p");

for (var j=0;j

{

console.log(pl.eq(j).text());

}

}

}*/

functionisExist(){//循环ul节点

varliList=$("#box").children("li")for(vari=0;i

{if(pl.eq(j).text()==='小米8')

{return true;

}//console.log(pl.eq(j).text());

}return false;

}

}