JavaScript中怎么動態(tài)創(chuàng)建div屬性和樣式

JavaScript中怎么動態(tài)創(chuàng)建div屬性和樣式，針對這個問題，這篇文章詳細介紹了相對應的分析和解答，希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。

1.創(chuàng)建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.創(chuàng)建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.創(chuàng)建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中怎么動態(tài)創(chuàng)建div屬性和樣式問題的解答就分享到這里了，希望以上內容可以對大家有一定的幫助，如果你還有很多疑惑沒有解開，可以關注億速云行業(yè)資訊頻道了解更多相關知識。