HTML要素を扱う際に避けるべき手法_JavaScriptのヒント

実際、冗長なループを削除してコントロールの数を減らした後も、パフォーマンスが依然として楽観的ではないことが判明したため、調査を続けました。たとえば、偶発的な変更により効率が大幅に向上しました。次の変更:
変更前:

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

objDiv.innerHTML = '';

変更後:

コードをコピーします コードは次のとおりです。

var imga = document.createElement("img ");
imga .setAttribute("src","back.gif");
imga.setAttribute("id","picture");
objDiv.appendChild(imga);

以前 記述の都合上、ページ要素を作成して値を別途割り当てて最後にネストするという方法は使わず、文字列を通してinnerHTMLを直接割り当てる方法が比較的多いです。シンプルで便利ですが、パフォーマンスの点でいくつかの欠点があります。これには文字列を正しいページ コントロールに変換するプロセスが必要となるため、パフォーマンスの低下が比較的大きくなり、それに応じてパフォーマンスが低下する可能性があります。ページ。