How to dynamically create divs in Javascript_javascript tips

The example in this article describes how to dynamically create divs using Javascript. Share it with everyone for your reference. The specific implementation method is as follows:

Copy code The code is as follows:

<script><br> window.onload=function () {<br> Var odiv = document.createElement ("div"); // Create a div <br> Var ompan = document.createelement ("span"); // Create a span <br> Odiv.style.cssText="width:200px;height:200px;background:#636363;<br> Text-align: center; line-height: 220px "; // CSS style created by the DIV <br> //Odiv.id="box"; //Odiv.id="box"; //The id of the created div is box<br> //Odiv.className="Box"; //The class of div is Box<br> Odiv.appendChild(Ospan); //Create a span<br> inside the div                                                                                                                         document.body.appendChild(Odiv); }<br> </script>

I hope this article will be helpful to everyone’s JavaScript programming design.