訪問DOM元素是有代價(jià)的,修改DOM元素則更為昂貴,因?yàn)樗鼤?dǎo)致瀏覽器重新計(jì)算頁面的幾何變化。
當(dāng)然,最壞的情況是在循環(huán)中訪問修改元素,尤其是對HTML元素集合循環(huán)操作。
例如:
復(fù)制代碼 代碼如下:
<!-- 優(yōu)化前 -->
<script type="text/javascript">
function innerHTMLLoop () {
for(var count = 0; count < 15000; count++){
document.getElementById('here').innerHTML+='a';
}
}
</script>
復(fù)制代碼 代碼如下:
<!-- 優(yōu)化后 -->
<script type="text/javascript">
function innerHTMLLoop () {
var content = '';
for(var count = 0; count < 15000; count++){
content+='a';
}
document.getElementById('here').innerHTML+=content;
}
</script>
新聞熱點(diǎn)
疑難解答
圖片精選