使用 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. 新增的节点位于当前节点的最后一个子节点的后面, 即: 追加;