添加列表项 避免浏览器反复渲染 Fragment

mac2022-06-30  24

1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> 5 <title></title> 6 7 </head> 8 <body> 9 <ul id="myList"></ul> 10 <script type="text/javascript" src="test39.js"></script> 11 </body> 12 </html> 1 var fragment = document.createDocumentFragment(); 2 var ul = document.getElementById("myList"); 3 var li = null; 4 5 for (var i = 0; i < 3; i++) { 6 li = document.createElement("li"); 7 li.appendChild(document.createTextNode("Item " + (i + 1))); 8 fragment.appendChild(li); 9 } 10 11 ul.appendChild(fragment);

转载于:https://www.cnblogs.com/qzsonline/archive/2012/05/09/2491372.html

最新回复(0)