JS基礎(一)dom小例項
阿新 • • 發佈:2018-12-06
DOM的新增示例
<script language="JavaScript">
window.onload = function(){
//createDocumentFragment()方法,它的作用是建立一個文件碎片,
//把要插入的新節點先附加在它上面,然後再一次性新增到document中
var body = document.body;
var len = 100;
var i = 0;
var flagment = document.createDocumentFragment();//使用fragment來提高效能
var ul = document.createElement('ul');
var li;
var textNode;
console.log('flagment',flagment);
body.appendChild(ul);
for(; i < len; i++){
li = document.createElement('li');
textNode = document.createTextNode(i + 1);
li.appendChild(textNode);
flagment.appendChild(li);
}
console.log( 'flagment',flagment);
ul.appendChild(flagment);
}
</script>