JavaScript動態建立div屬性和樣式範例程式碼_javascript技巧

1.建立div元素：

Javascript程式碼

複製程式碼

複製程式碼

複製程式碼



複製程式碼



複製程式碼



複製程式碼

程式碼如下:

functioncreateElement(){
varcreateDiv=document.createElement("div");
createDiv.innerHTML="Testcreateadi!";

document.body.appendChild(createDiv); } functioncreateElement(){ varcreateDiv= document.createElement("div");

createDiv.innerHTML="Testcreateadivelement!";

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

functioncreateElement(){ varcreateDiv=document.createElement("div"); createDiv.title="thisisanewdiv."; createDiv.id="newDivId"; createDiv.class ="newDivClass"; createDiv.innerHTML="Testcreateadivelement!";

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