ホームページ > ウェブフロントエンド > jsチュートリアル > Dom メソッドによる innerHTML のパフォーマンスの向上_JavaScript のヒント

Dom メソッドによる innerHTML のパフォーマンスの向上_JavaScript のヒント

WBOY
リリース: 2016-05-16 19:05:39
オリジナル
1002 人が閲覧しました
コードをコピー コードは次のとおりです。

function replaceHtml(el, html) {
var oldEl = typeof el === "string" ? document.getElementById(el) : el;
/*@cc_on // IE では元の innerHTML のパフォーマンスが向上します
oldEl.innerHTML = html; ;
@*/
var newEl = oldEl.cloneNode(false);
oldEl.parentNode.replaceChild(newEl, oldEl); DOM から古い要素を削除し、新しい要素の参照を返します。 */
return newEl;
};


Opera ではまだパフォーマンスが向上していますが、その改善は上記 2 つのブラウザほどではありません
IE のみです。元の innerHTML メソッドの方が効率的です。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート