JavaScript中怎么动态创建div属性和样式

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属性和样式问题的解答就分享到这里了，希望以上内容可以对大家有一定的帮助，如果你还有很多疑惑没有解开，可以关注亿速云行业资讯频道了解更多相关知识。