动态生成的html结构 在上面再添加HTML dom 20
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);
例子:
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);
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询