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

时间：2021-05-25

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

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

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-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>
<SCRIPTLANGUAGE="JavaScript">
<!--
functiona(){
varrow=document.getElementsByTagName("li");
vart1=newDate();
for(vari=0,j;j=row[i];i++)
{
j.className="abc";
}
vart2=newDate();
alert("耗时"+(t2-t1).toString()+"毫秒");
}
functionb(){
varrow=document.getElementsByTagName("li");
vart1=newDate();
for(vari=0;i<row.length;i++)
{
row[i].className="abc";
}
vart2=newDate();
alert("耗时"+(t2-t1).toString()+"毫秒");
}
functionc(){
varj="<ol>";
for(vari=0;i<2000;i++)
{
j=j+"<li>测试文字</li>";
}
j=j+"</ol>";
document.getElementById("box").innerHTML=j;
}
//-->
</SCRIPT>
</head>
<BODY>
<inputtype="button"value="CreateTable"onclick="c()"/>
<inputtype="button"value="Testoldmethod!"onclick="b()"/>
<inputtype="button"value="Testnewmethod!"onclick="a()"/>
<inputtype="button"value="Clear"onclick="document.getElementById('box').innerHTML='';"/>
<divid="box"></div>
</BODY>
</HTML>

声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。如涉及版权问题，请提交至online#300.cn邮箱联系删除。

相关文章