append()与appendChild()的区别

2019-09-1763次阅读javascript

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> ]

 

上一篇: 一个对象到底包含有多少个属性  下一篇: Chrome DevTools很多强大的自动断点功能记录  

append()与appendChild()的区别相关文章