怎样在当前节点的最后一个元素子节点后面增加新的元素子节点

Posted 2022-11-05 aisowe

使用 ParentNode.append(), 比如下面是在body元素节点下追加一个子元素节点: 

var parent = document.body;

// 添加元素子节点
var p = document.createElement(‘p‘);
parent.append(p);

// 添加文本子节点
parent.append(‘Hello‘);

// 添加多个元素子节点
var p1 = document.createElement(‘p‘);
var p2 = document.createElement(‘p‘);
parent.append(p1, p2);

// 添加元素子节点和文本子节点
var p = document.createElement(‘p‘);
parent.append(‘Hello‘, p);

 

注意: 

1. 可以添加多个节点, 但节点类型只能是元素节点或文本节点;

2. 新增的节点位于当前节点的最后一个子节点的后面, 即: 追加;