JavaScript動態創建div及設定屬性和樣式

<scripttypescripttype=“text/javascript">
function createElement()
{
//動態創建Div
var createDiv=document.createElement(“div");
//設定屬性
createDiv.title=“thisisanewdiv.";
createDiv.id=“newDivId";
createDiv.class=“newDivClass";
createDiv.innerHTML=“Testcreateadivelement!";
//設定樣式
createDiv.style.background=“pink";
createDiv.style.border=“1pxsolidred";
createDiv.style.width=“50px";
createDiv.style.height=“50px";
createDiv.innerHTML=“Testcreateadivelement!";
document.body.appendChild(createDiv);
}
</script>