html5 怎么动态创建div并赋值

用js 参考一下这个代码

<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>

var com = document.createElement("div")

document.getElementById("XXXX").appendChild(com)

com.x = x

com.y = y

com.style.left = "XXpx"

com.style.top = "YYpx"

var txt = document.createElement("input")

txt.nodeType = "text"

com.appendChild(txt)

var btn = document.createElement("input")

btn.nodeType = "button"

btn.onclick = ConfirmComment()

com.appendChild(btn)

用js 参考一下这个代码

<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>

---