JS ネイティブの appendChild_javascript スキルのバグ解決に関する経験を共有する

appendChild は主にノードを末尾に追加するために使用されます

コードをコピー コードは次のとおりです:

window.onload = function(){
var ul2 = document.getElementById('ul2');
var oli = document.getElementsByTagName('li'); ;oli.length;i ){
ul2.appendChild(oli[i]);
}
}

ul2

にコンテンツを挿入します。 >

• 1


• 3
• 4


• 5

ul2">



ul1 の内容を ul2 に挿入します。これはコピーではなく実際に移動しています。覚えておいてください。
効果を確認できます
理由この影響は、ループ中に常に移動するため長さが変化するために発生します。for を使用すると、開始長が固定されているため、

に変更する必要があります。

コードをコピーします

コードは次のとおりです: while(oli.length){ ul2.appendChild(oli[0] ); }

これは最初のものが挿入されているため、成功します。