DOM 操作

往ul里面添加10个li 内容1-10

let ul=document.getElementById('ul');

for(let i=0;i<10;i++){
  let li=document.createElement('li');
  li.innerHTML=i;
  ul.appendChild(li);
}

性能优化

let ul=document.getElementById('ul'),
    _html='';
for(let i=0;i<10;i++){
  _html+=`
${i}
`
}

ul.innerHTML=_html

createDocumentFragment

let ul=document.getElementById('ul'),
    _frag=document.createDocumentFragment();

for(let i=0;i<10;i++){
   let li=document.createElement('li');
   li.innerHTMl=i;
   _frag.appendChild(li);
}

ul.appendChild(_frag);