一段效率很高的for循环语句使用方法
更新时间：2007年08月13日 19:54:52 作者：
给表格的每行加上样式，注意for的第二个参数，当数组下标越界时，row=row[i]返回false，到此循环结束。
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>
相关文章
什么是函数式编程？根据百度百科的描述，“函数式编程是种编程典范，它将电脑运算视为函数的计算。函数编程语言最重要的基础是 λ 演算（lambda calculus）。而且λ演算的函数可以接受函数当作输入（参数）和输出（返回值）。”2015-10-10
经典的间隔时间滚动新闻（图片），可控制滚动 其实这个也挺多网站用到的，简单又实用。(2010-05-05
有时候我们希望临时让某个分类或者多个文章不能正常访问，手动给html文件改名？或者改后台改程序？太麻烦了。用本文的js代码很容易实现，而且使用得当很隐蔽。这篇文章主要介绍了js（jquery）实现无刷新跳转404页面不存在效果,需要的朋友可以参考下2023-04-04
利用JavaScript缓存远程窃取Wi-Fi密码的思路详解
这篇文章主要介绍了利用JavaScript缓存远程窃取Wi-Fi密码的方法，本文通过实例代码相结合的形式给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2018-11-11
这篇文章主要介绍了js识别uc浏览器的代码,需要的朋友可以参考下2015-11-11
使用JavaScript italics方法实现文本变斜体教程示例
这篇文章主要为大家介绍了JavaScript italics实现文本变斜体教程示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-12-12
这篇文章主要为大家介绍了JS 生态系统加速桶装文件使用实例探索,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2024-01-01
JS中注入eval, Function等系统函数截获动态代码
这篇文章主要介绍了JS中注入eval, Function等系统函数截获动态代码,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下2019-04-04
通过在网站上的资料搜集，得到了很多关于string类用法的文档，通过对这些资料的整理和加入一些自己的代码，就得出了一份比较完整的关于string类函数有哪些和怎样用的文档了！2015-08-08
这篇文章主要为大家详细介绍了JS使用Dijkstra算法求解最短路径，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-01-01
最新评论