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

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

1.创建div元素：

Javascript代码

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

2.创建div的属性：

Javascript代码

 functioncreateElement(){  varcreateDiv=document.createElement("div");  createDiv.title="thisisanewdiv.";  createDiv.id="newDivId";  createDiv.class="newDivClass";  createDiv[xss_clean]="Testcreateadivelement!";  document.body.appendChild(createDiv);  }     functioncreateElement(){   varcreateDiv=document.createElement("div");   createDiv.title="thisisanewdiv.";  createDiv.id="newDivId";   createDiv.class="newDivClass";    createDiv[xss_clean]="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[xss_clean]="Testcreateadivelement!";  document.body.appendChild(createDiv);  }  

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