這篇“JavaScript如何動(dòng)態(tài)創(chuàng)建div屬性和樣式”文章的知識(shí)點(diǎn)大部分人都不太理解，所以小編給大家總結(jié)了以下內(nèi)容，內(nèi)容詳細(xì)，步驟清晰，具有一定的借鑒價(jià)值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“JavaScript如何動(dòng)態(tài)創(chuàng)建div屬性和樣式”文章吧。

成都創(chuàng)新互聯(lián)電話聯(lián)系：18982081108，為您提供成都網(wǎng)站建設(shè)網(wǎng)頁設(shè)計(jì)及定制高端網(wǎng)站建設(shè)服務(wù)，成都創(chuàng)新互聯(lián)網(wǎng)頁制作領(lǐng)域十載，包括白烏魚等多個(gè)行業(yè)擁有豐富的網(wǎng)站制作經(jīng)驗(yàn)，選擇成都創(chuàng)新互聯(lián)，為網(wǎng)站錦上添花！

1.創(chuàng)建div元素：

Javascript代碼

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

2.創(chuàng)建div的屬性：

Javascript代碼

 functioncreateElement(){  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);  }  

3.創(chuàng)建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);  }  

以上就是關(guān)于“JavaScript如何動(dòng)態(tài)創(chuàng)建div屬性和樣式”這篇文章的內(nèi)容，相信大家都有了一定的了解，希望小編分享的內(nèi)容對(duì)大家有幫助，若想了解更多相關(guān)的知識(shí)內(nèi)容，請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。