append()与appendChild()的区别

ParentNode.append方法在 ParentNode的最后一个子节点之后插入一组Node对象或DOMString对象。被插入的DOMString对象等价为Text节点。

• append()方法可以直接追加字符串为文本节点，比如 append("text")appendChild()不行
• append()方法支持追加多个参数，appendChild()只能追加一个
• append()方法没有返回值，而appendChild()会返回追加进去的那个节点
• 和append()同时期加入DOM规范的方法还有prepend()、before()、after()等。
• jQuery中存在的appendTo()方法并没有和append()一起加入到DOM规范里

注意：append()方法不可以直接追加HTML片段字符串为元素节点，比如 append("<p>test</p>")

插入一个节点，同时插入一些文本

var parent = document.createElement("div");
var p = document.createElement("p");
parent.append("Some text", p);

console.log(parent.childNodes); // NodeList [ #text "Some text", <p> ]