for loop 문_자바스크립트 기술을 매우 효율적으로 사용하는 방법

테이블의 각 행에 스타일을 추가합니다. for의 두 번째 매개변수에 주의하세요. 배열 첨자가 범위를 벗어나면 row=row[i]가 false를 반환하고 루프가 종료됩니다.

var 행 = document.getElementsByTagName('tr');
for( var i = 0, row; row = 행[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>