如何用js在特定位置动态添加html？除了innerHTML。。_IT百科

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").lastChild

document.getElementById("myList1").appendChild(node)

<!DOCTYPE HTML>

<html>

<head>

</style>

var add = function (dom)

{

var p = dom.parentElement, body =document.body, len=body.children.length

var html = p.innerHTML.replace(p.children[p.children.length-1].outerHTML, "")

.replace(/(name[\"\'\=]+radio)[^\"\'\s\>]+/gim, '$1' + (len+1))

body.innerHTML += "<div>" + html + "</div>"

}

</script>

</head>

<body>

<div>

</div>

</body>

</html>

欢迎分享，转载请注明来源：内存溢出

如何用js在特定位置动态添加html？除了innerHTML。。