动态生成的html结构 在上面再添加HTML dom

动态生成的html结构 在上面再添加HTML dom,第1张

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)

document.getElementById("domId").innerHTML="<table><tr><td>123</td></tr></table>"


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11660554.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存