javascript中怎么动态创建div属性和样式,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。1.创建div元素:Javascript代
javascript中怎么动态创建div属性和样式,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。
1.创建div元素:
Javascript代码
<scripttypescripttype="text/javascript"> functioncreateElement(){ varcreateDiv=document.createElement("div"); createDiv.innerhtml="Testcreateadivelement!"; document.body.appendChild(createDiv); } </script> <scripttypescripttype="text/javascript"> functioncreateElement(){ varcreateDiv=document.createElement("div"); createDiv.innerHTML="Testcreateadivelement!"; document.body.appendChild(createDiv); } </script>
2.创建div的属性:
Javascript代码
<scripttypescripttype="text/javascript"> functioncreateElement(){ varcreateDiv=document.createElement("div"); createDiv.title="thisisanewdiv."; createDiv.id="newDivId"; createDiv.class="newDivClass"; createDiv.innerHTML="Testcreateadivelement!"; document.body.appendChild(createDiv); } </script> <scripttypescripttype="text/javascript"> functioncreateElement(){ varcreateDiv=document.createElement("div"); createDiv.title="thisisanewdiv."; createDiv.id="newDivId"; createDiv.class="newDivClass"; createDiv.innerHTML="Testcreateadivelement!"; document.body.appendChild(createDiv); } </script>
3.创建div的样式:
Javascript代码
<scripttypescripttype="text/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); } </script>
关于JavaScript中怎么动态创建div属性和样式问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注编程网html频道了解更多相关知识。
--结束END--
本文标题: JavaScript中怎么动态创建div属性和样式
本文链接: https://www.lsjlt.com/news/69785.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0