下面是一些示例代码：

function addTextNode(){
    var newtext = document.createTextNode(" Some text added dynamically. ");
    var para = document.getElementById("p1");
    para.appendChild(newtext);
    $("#p1").append("HI");
}

<div style="border: 1px solid red">
    <p id="p1">First line of paragraph.<br /></p>
</div>

是有什么区别append()和appendChild()
任何实时场景？

Answer 1:

的主要区别在于， appendChild是DOM方法和append是一个jQuery方法。第二个使用第一个，你可以在jQuery的源代码见

append: function() {
    return this.domManip(arguments, true, function( elem ) {
        if ( this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9 ) {
            this.appendChild( elem );
        }
    });
},

如果你使用你的项目jQuery库，你就可以安全使用总是append将元素添加到页面时。

Answer 2:

不再

现在是追加在JavaScript的方法

在append方法MDN文档

引用MDN

该ParentNode.append方法插入一组Node对象或DOMString的的最后一个孩子后，对象ParentNode 。 DOMString对象插入等同文本节点。

这不是由IE和边缘的支持，但通过浏览器的支持（54+），火狐（49+）和Opera（39+）。

在JavaScript的追加类似于jQuery的追加。

您可以通过多个参数。

 var elm = document.getElementById('div1'); elm.append(document.createElement('p'),document.createElement('span'),document.createElement('div')); console.log(elm.innerHTML);

 <div id="div1"></div>

Answer 3:

append是一个jQuery方法追加一些内容或HTML给一个元素。

$('#example').append('Some text or HTML');

appendChild是用于添加子元素纯DOM方法。

document.getElementById('example').appendChild(newElement);

Answer 4:

我知道这是一个老问题，回答，我不找票我只想补充一点，我认为可能会帮助新人一个额外的小东西。

是appendChild是一个DOM方法和append是JQuery的方法，但实际上关键的区别是， appendChild需要一个节点作为参数的，如果你想要一个空段落添加到DOM我的意思是，你需要创建p第一要素

var p = document.createElement('p')

那么你就可以，而JQuery的将它添加到DOM append为您创建该节点，并将其添加到DOM马上无论是文本元素或HTML元素或组合！

$('p').append('<span> I have been appended </span>');

Answer 5:

appendChild是DOM 香草js的功能。

append是一个jQuery功能。

他们每个人都有自己的怪癖。

Answer 6:

appendChild是一个纯粹的JavaScript方法，其中作为append是一个jQuery方法。

Answer 7:

所述的JavaScript的appendChild方法可以使用的项目追加到另一个元件。在jQuery的附加元素做同样的工作，但肯定是在较少的行数：

让我们举个例子在列表中追加项目：

A）使用JavaScript

var n= document.createElement("LI");                 // Create a <li> node
var tn = document.createTextNode("JavaScript");      // Create a text node
n.appendChild(tn);                                   // Append the text to <li>
document.getElementById("myList").appendChild(n);

B）使用jQuery