如何向文档中添加和移除元素(节点)(JavaScript HTML DOM 元素 (节点))

创建新的HTML元素(节点)使用 appendChild()方法

appendChild()方法用于添加新元素到尾部
要创建新的HTML元素(节点)需要先创建一个元素
然后在已存在的元素中添加它
var para = document.createElement("p");
var node = document.createTextNode("新段落!");
para.appendChild(node);
element.appendChild(para);//把para添加到element中

创建新的HTML元素 (节点)使用 insertBefore()方法

将新元素添加到开始位置,使用 insertBefore()方法
element.insertBefore(para, child);

替换HTML元素使用 replaceChild()方法

parent.replaceChild(para, child);
//parent替换元素的父元素,child需替换元素

移除已存在的元素

要移除一个元素,你需要知道该元素的父元素
parent.removeChild(child);

猜你喜欢

转载自blog.csdn.net/weixin_43794314/article/details/86422133