这是一些示例代码：

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()有什么区别？
任何实时场景？

解决方法:

主要区别在于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是安全的.