html5 怎么动态创建div并赋值

<script>

window.onload=function () {

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

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

        Odiv.style.cssText="width:200pxheight:200pxbackground:#636363

        text-align:centerline-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 

    }

</script>

DIV是层叠样式表(css)单元的位置和层次。它里面无法添加Html文件，可以加代码，把代码写到<div>和</div>内就可以。