創建一個 ul 節點，並綁定 10 個 li 子節點，顯示在 body 的第一個節點前

var dul=document.createElement("ul");
            dul.id="dul";
            var ulText=document.createTextNode("ulText");
            dul.appendChild(ulText);
            
            //循環創建10個li節點，並添加爲ul的子節點
            for(var i=0;i<10;i++){
                var text=new Array();
                text[i]="liText"+i;

                var dli=document.createElement("li");
                var liText=document.createTextNode(text[i]);
                dli.appendChild(liText);
                dul.appendChild(dli);
            }
        
            //將ul添加到body的第一個子節點
            var firstChild=document.body.firstChild;
            document.body.insertBefore(dul,firstChild);

效果如下圖（不管樣式了，打碼的圖片爲原body第一個節點）……