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属性和样式”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注创新互联行业资讯频道。
本文标题:JavaScript如何动态创建div属性和样式
文章出自:http://scyanting.com/article/ipcjpp.html