区别:
append可以追加节点和字符串,appendChild只能追加节点;
let ul = document.querySelector("ul");
let li = document.createElement("li");
ul.append("哈哈哈哈");
ul.appendChild("哈哈哈哈");
![](https://i-blog.csdnimg.cn/blog_migrate/fb22112fe361148303e611e98dd4ddbb.png)
append没有返有返回值,而appendChild会返回当前节点;
let ul = document.querySelector("ul");
let li = document.createElement("li");
console.log(ul.append(li));
console.log(ul.appendChild(li));
![](https://i-blog.csdnimg.cn/blog_migrate/61e5c7e1dad6a9a22374542afc857bb4.png)