如何效率的向一个ul里面添加10000个li

方法一:文档碎片

<body>

<ul></ul>

<script>

var oUl = document.getElementsByTagName('ul')[0];

var oFrag = document.createDocumentFragment();

for (var i = 0; i < 10000; i++) {

var oLi = document.createElement('li');

oLi.innerHTML = i;

oFrag.appendChild(oLi);

}

oUl.appendChild(oFrag);

</script>

方法二:利用字符串直接写入

<body>

<ul></ul>

<script>

var oUl = document.getElementsByTagName('ul')[0];

 var str = '';

 for (var i = 0; i < 100; i++) {

 str += '<li>' + i + '</li>';

 }

 oUl.innerHTML = str;

</script>

猜你喜欢

转载自blog.csdn.net/qq_37672306/article/details/81134319