一段效率很高的for循環(huán)語句使用方法
更新時間：2007年08月13日 19:54:52 作者：
給表格的每行加上樣式，注意for的第二個參數(shù)，當數(shù)組下標越界時，row=row[i]返回false，到此循環(huán)結(jié)束。
var rows = document.getElementsByTagName('tr');
for( var i = 0, row; row = rows[i]; i++ ) {
row.className = 'newclass';
}
測試代碼：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標題文檔</title>
<style>
li { margin-left:28px;}
.abc {background-color:#eee;font-size:14px; margin-bottom:10px;}
</style>
<SCRIPT LANGUAGE="JavaScript">
<!--
function a(){
var row = document.getElementsByTagName("li");
var t1 = new Date();
for (var i=0,j; j=row[i]; i++)
{
j.className="abc";
}
var t2 = new Date();
alert("耗時 "+(t2-t1).toString()+" 毫秒");
}
function b(){
var row = document.getElementsByTagName("li");
var t1 = new Date();
for (var i=0; i<row.length; i++)
{
row[i].className="abc";
}
var t2 = new Date();
alert("耗時 "+(t2-t1).toString()+" 毫秒");
}
function c(){
var j="<ol>";
for (var i=0; i<2000; i++)
{
j=j+"<li>測試文字</li>";
}
j=j+"</ol>";
document.getElementById("box").innerHTML = j;
}
//-->
</SCRIPT>
</head>
<BODY>
<input type="button" value="CreateTable" onclick="c()" />
<input type="button" value="Test old method!" onclick="b()" />
<input type="button" value="Test new method!" onclick="a()" />
<input type="button" value="Clear" onclick="document.getElementById('box').innerHTML='';" />
<div id="box"></div>
</BODY>
</HTML>
var rows = document.getElementsByTagName('tr');
for( var i = 0, row; row = rows[i]; i++ ) {
row.className = 'newclass';
}
測試代碼：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標題文檔</title>
<style>
li { margin-left:28px;}
.abc {background-color:#eee;font-size:14px; margin-bottom:10px;}
</style>
<SCRIPT LANGUAGE="JavaScript">
<!--
function a(){
var row = document.getElementsByTagName("li");
var t1 = new Date();
for (var i=0,j; j=row[i]; i++)
{
j.className="abc";
}
var t2 = new Date();
alert("耗時 "+(t2-t1).toString()+" 毫秒");
}
function b(){
var row = document.getElementsByTagName("li");
var t1 = new Date();
for (var i=0; i<row.length; i++)
{
row[i].className="abc";
}
var t2 = new Date();
alert("耗時 "+(t2-t1).toString()+" 毫秒");
}
function c(){
var j="<ol>";
for (var i=0; i<2000; i++)
{
j=j+"<li>測試文字</li>";
}
j=j+"</ol>";
document.getElementById("box").innerHTML = j;
}
//-->
</SCRIPT>
</head>
<BODY>
<input type="button" value="CreateTable" onclick="c()" />
<input type="button" value="Test old method!" onclick="b()" />
<input type="button" value="Test new method!" onclick="a()" />
<input type="button" value="Clear" onclick="document.getElementById('box').innerHTML='';" />
<div id="box"></div>
</BODY>
</HTML>
相關(guān)文章
什么是函數(shù)式編程？根據(jù)百度百科的描述，“函數(shù)式編程是種編程典范，它將電腦運算視為函數(shù)的計算。函數(shù)編程語言最重要的基礎(chǔ)是 λ 演算（lambda calculus）。而且λ演算的函數(shù)可以接受函數(shù)當作輸入（參數(shù)）和輸出（返回值）?！?/div> 2015-10-10
經(jīng)典的間隔時間滾動新聞（圖片），可控制滾動 其實這個也挺多網(wǎng)站用到的，簡單又實用。(2010-05-05
js（jquery）實現(xiàn)無刷新跳轉(zhuǎn)404頁面不存在效果
有時候我們希望臨時讓某個分類或者多個文章不能正常訪問，手動給html文件改名？或者改后臺改程序？太麻煩了。用本文的js代碼很容易實現(xiàn)，而且使用得當很隱蔽。這篇文章主要介紹了js（jquery）實現(xiàn)無刷新跳轉(zhuǎn)404頁面不存在效果,需要的朋友可以參考下2023-04-04
利用JavaScript緩存遠程竊取Wi-Fi密碼的思路詳解
這篇文章主要介紹了利用JavaScript緩存遠程竊取Wi-Fi密碼的方法，本文通過實例代碼相結(jié)合的形式給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2018-11-11
這篇文章主要介紹了js識別uc瀏覽器的代碼,需要的朋友可以參考下2015-11-11
使用JavaScript italics方法實現(xiàn)文本變斜體教程示例
這篇文章主要為大家介紹了JavaScript italics實現(xiàn)文本變斜體教程示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-12-12
這篇文章主要為大家介紹了JS?生態(tài)系統(tǒng)加速桶裝文件使用實例探索,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2024-01-01
JS中注入eval, Function等系統(tǒng)函數(shù)截獲動態(tài)代碼
這篇文章主要介紹了JS中注入eval, Function等系統(tǒng)函數(shù)截獲動態(tài)代碼,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2019-04-04
通過在網(wǎng)站上的資料搜集，得到了很多關(guān)于string類用法的文檔，通過對這些資料的整理和加入一些自己的代碼，就得出了一份比較完整的關(guān)于string類函數(shù)有哪些和怎樣用的文檔了！2015-08-08
這篇文章主要為大家詳細介紹了JS使用Dijkstra算法求解最短路徑，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-01-01最新評論