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

评论关闭
IT源码网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!