js在特定位置动态添加html可以利用HTML DOM appendChild() 方法。例子：var div1 = document.createElement("div")div1.id = "div1"var div2 = document.createElement("div")div2.id ="div2"document.body.appendChild(div1)div1.appendChild(div2)appendChild()定义和用法：appendChild() 方法向节点添加最后一个子节点。提示：如果您需要创建包含文本的新段落，请记得添加到段落的文本的文本节点，然后向文档添加该段落。您也可以使用 appendChild() 方法从一个元素向另一个元素中移动元素。从一个列表向另一个列表中移动列表项：var node=document.getElementById("myList2").lastChilddocument.getElementById("myList1").appendChild(node)用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>
