如何用js往html页面拼接一个div包括div的各种常用属性

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<script>标签，输入js代码：

$('body').append('<div id="a" style="color:blue">div内容</div>')

3、浏览器运行index.html页面，此时div以及它的id属性和颜色属性一起被拼接到html中了。

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)

---