一段效率很高的for循环语句使用方法_javascript技巧

给表格的每行加上样式，注意for的第二个参数，当数组下标越界时，row=row[i]返回false，到此循环结束。

var rows = document.getElementsByTagName('tr');
for( var i = 0, row; row = rows[i]; i  ) {
  row.className = 'newclass';
}
测试代码：

nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

li { margin-left:28px;}
.abc {background-color:#eee;font-size:14px; margin-bottom:10px;}









<script> <BR><!-- <BR>function a(){ <BR> var row = document.getElementsByTagName("li"); <BR> var t1 = new Date(); <BR> for (var i=0,j; j=row[i]; i++) <BR> { <BR> j.className="abc"; <BR> } <BR> var t2 = new Date(); <BR> alert("耗时 "+(t2-t1).toString()+" 毫秒"); <BR>} <BR>function b(){ <BR> var row = document.getElementsByTagName("li"); <BR> var t1 = new Date(); <BR> for (var i=0; i<row.length; i++) <BR> { <BR> row[i].className="abc"; <BR> } <BR> var t2 = new Date(); <BR> alert("耗时 "+(t2-t1).toString()+" 毫秒"); <BR>} <BR>function c(){ <BR> var j="<ol>"; <BR> for (var i=0; i<2000; i++) <BR> { <BR> j=j+"<li>测试文字"; <BR> } <BR> j=j+""; <BR> document.getElementById("box").innerHTML = j; <BR>} <BR>//--> <BR></script>