1.建立div元素： Javascript程式碼
複製程式碼
複製程式碼
複製程式碼
複製程式碼
複製程式碼
程式碼如下:
functioncreateElement(){
varcreateDiv=document.createElement("div");
createDiv.innerHTML="Testcreateadi!"; document.body.appendChild(createDiv);
} functioncreateElement(){ varcreateDiv= document.createElement("div");
document.body.appendChild(createDiv);
divFileitem.appendChild(divName);
}
2.建立div的屬性：
Javascript程式碼
複製程式碼
程式碼如下:
functioncreatee( ){
varcreateDiv=document.createElement("div");
createDiv.title="thisisanewdiv.";
createDiv.id="newDivId";
createDiv.class="newDivClass"; createDiv.innerHTML="Testcreateadivelement!"; document.body.appendChild(createDiv);
}
document.body.appendChild(createDiv);
createDiv. className = "name file_col";
}
3.建立div的樣式：
Javascript程式碼
複製程式碼 程式碼如下: >functioncreateElement(){ varcreateDiv=document.createElement("div"); createDiv.style.background="pink"; createDiv.style.border="1pxsolidred"; createDiv. style.width="50px"; createDiv.style.height="50px"; createDiv.innerHTML="Testcreateadivelement!"; document.body.appendChild(createDiv); } } } } } } } } } } } } } }
