JavaScript中怎么动态创建div属性和样式，针对这个问题，这篇文章详细介绍了相对应的分析和解答，希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。
创新互联专注于松滋企业网站建设,成都响应式网站建设公司,成都做商城网站。松滋网站建设公司,为松滋等地区提供建站服务。全流程按需策划，专业设计，全程项目跟踪，创新互联专业和态度为您提供的服务
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://cdxtjz.cn/article/gpcepo.html
