Coding Architecture

forループでノードリストを扱うときのメモ

h2=document.getElementsByTagName('h2');
for(var i=0; i<h2.length; i++) {
  h2[i].style.color='#0099CC';
}


下記のほうが、速度がはやくなる。

h2=document.getElementsByTagName('h2');
for(var i=0; L=h2.length; i<L; i++) {
  h2[i].style.color='#0099CC';
}

下記は、理由を簡単にまとめています。詳細は、WebクリエイティブのためのDOM Scriptingという本にが書かれてています。参考にどーぞ。

• ノードリストのlengthプロパティにアクセスするのがあまりはやくない（現在のドキュメントから再度html要素の数を計算しなおしているため）
• forループの条件式は、ループが回るたびに実行されるから