JavaScript如何动态创建div属性和样式

这篇“JavaScript如何动态创建div属性和样式”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“JavaScript如何动态创建div属性和样式”文章吧。

成都创新互联电话联系：18982081108，为您提供成都网站建设网页设计及定制高端网站建设服务，成都创新互联网页制作领域十载，包括白乌鱼等多个行业拥有丰富的网站制作经验，选择成都创新互联，为网站锦上添花！

1.创建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.创建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.创建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);  }  

以上就是关于“JavaScript如何动态创建div属性和样式”这篇文章的内容，相信大家都有了一定的了解，希望小编分享的内容对大家有帮助，若想了解更多相关的知识内容，请关注创新互联行业资讯频道。