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);