怎样在当前节点的第一个子元素节点之前增加子元素节点或子文本节点

Posted 2022-11-04 aisowe

使用: ParentNode.prepend();

var parent = document.body;

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

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

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

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

 

注意: 

1. 增加的子节点类型可以是文本节点 或 元素节点;

2. 增加的子节点可以是多个;