☰

jQuery append() と appendChild() 質問する

tag-icon • tag-icon javascript jquery append appendchild
jQuery append() と appendChild() 質問する

以下にサンプルコードを示します。

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()?
リアルタイムのシナリオはありますか?

ベストアンサー1

主な違いは、はappendChildDOMメソッドであり、appendはjQueryメソッドであることです。jQueryソースコードを見るとわかるように、2番目のメソッドは最初のメソッドを使用しています。

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

appendプロジェクトで jQuery ライブラリを使用している場合は、ページに要素を追加するときに常に を使用すると安全です。

おすすめ記事