1. appendChild(Node)这个方法一般是在指定元素节点的最后一个子节点之后添加节点，但如果Node是页面中的DOM对象，那么就不是添加节点了，就是直接Move节点。

var node=document.createElement("LI");
var textnode=document.createTextNode("Water");
node.appendChild(textnode);

2.innerHTML()进行写操作时：是将之前的dom元素区内容全部删除后重新添加该内容

进行添加元素标签时：直接加载dom元素最后

var element= document.querySelector('#box');
    element.innerHTML="<h1>111</h1>";
    console.log(element.innerHTML)// <h1>111</h1>;

3. append

append(content)：

功能是向指定的元素中追加内容，被追加的content参数，可以是字符、HTML元素标记，还可以是一个返回字符串内容的函数。

 $("#appendH3").append("<p>追加的内容</p>")

4. appendTo：

使用格式是：
$(content).appendTo(selector);
参数content表示需要插入的内容，参数selector表示被选的元素，即把content内容插入selector元素内，默认是在尾部。

$("#beP").appendTo("#myDiv");

（3.4.参考博客：jquery中append()和appendTo()的区别)