html自动创建div,Javascript动态创建div的方法

本文实例讲述了Javascript动态创建div的方法。分享给大家供大家参考。具体实现方法如下：

原生javascript创建div

window.οnlοad=function () {

var Odiv=document.createElement("div");             //创建一个div

var Ospan=document.createElement("span");          //创建一个span

Odiv.style.cssText="width:200px;height:200px;background:#636363;

text-align:center;line-height:220px";    //创建div的css样式

//Odiv.id="box";                            //创建div的id为box

//Odiv.className="Box";                    //div的class为Box

Odiv.appendChild(Ospan);            //在div内创建一个span

document.body.appendChild(Odiv);        //在body内创建一个div

}

希望本文所述对大家的javascript程序设计有所帮助。