繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 一段效率很高的for循环语句使用方法
- Javascript
- Javascript常用运算符(Operators)-javascript基础教程
- JS是否可以跨文件同时控制多个iframe页面的应用技巧
- 不用ajax实现点击文字即可编辑的方法
- 用javascript来实现动画导航效果的代码
- javascript支持firefox,ie7页面布局拖拽效果代码
- IE与Firefox下javascript getyear年份的兼容性写法
- javascript 不让鼠标事件触发
- 一个简单横向javascript日期控件
- 使Ext的Template可以解析二层的json数据的方法
- 表单项的name命名为submit、reset引起的问题
- 可以显示单图片，多图片ajax请求的ThickBox3.1类下载
- 两个DIV等高的JS的实现代码
- 支持IE和firefox的js代码美化加亮源码
- 2007/12/23更新创意无限,简单实用(javascript log)
- DOMAssitant最新版 DOMAssistant 2.5发布
- 用js实现的页面关键字密度查询代码
- Javascript函数加壳多用于事件绑定
- 收集的几个不错的javascript类小例子
- javascript下function声明一些小结
- JS的replace方法与正则表达式结合应用讲解
Javascript 中的 一段效率很高的for循环语句使用方法
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 134 ::
收藏到网摘: n/a
给表格的每行加上样式，注意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>
评论 (0) All
