请教大家一个DIV切换 效率问题~~~~~~~~~~~~~~

jeff1709 2012-06-18 09:43:54
想请教一下大家,下面两种写法,在显示数据及切换DIV的时候,效率会不会差别很大,特别是数据量很大的时候,还是基本没有差别,(不要计较下面的CODE好不好,只是举个例子),谢谢。

<div id="D1">
<div>po no<div>
<div>item no<div>
</div>
<div id="D2">
<div>po no<div>
<div>item no<div>
</div>
<div id="D3">
<div>po no<div>
<div>item no<div>
</div>
<div id="D4">
<div>po no<div>
<div>item no<div>
</div>
<div id="D5">
<div>po no<div>
<div>item no<div>
</div>
<div id="A1">
<div>po no<div>
<div>item no<div>
</div>
<div id="A2">
<div>po no<div>
<div>item no<div>
</div>
<div id="A3">
<div>po no<div>
<div>item no<div>
</div>

function switchDiv(){
if (document.getElementById("D1").style.display=="block"){
document.getElementById("D1").style.display="none";
document.getElementById("D2").style.display="none";
document.getElementById("D3").style.display="none";
document.getElementById("D4").style.display="none";
document.getElementById("D5").style.display="none";
document.getElementById("A1").style.display="block";
document.getElementById("A2").style.display="block";
document.getElementById("A3").style.display="block";
}else{
document.getElementById("D1").style.display="block";
document.getElementById("D2").style.display="block";
document.getElementById("D3").style.display="block";
document.getElementById("D4").style.display="block";
document.getElementById("D5").style.display="block";
document.getElementById("A1").style.display="none";
document.getElementById("A2").style.display="none";
document.getElementById("A3").style.display="none";
}
}
-----------------------------------------------------------
<div id="D">
<div>po no<div>
<div>item no<div>
<div>po no<div>
<div>item no<div>
<div>po no<div>
<div>item no<div>
<div>po no<div>
<div>item no<div>
<div>po no<div>
<div>item no<div>
</div>
<div id="A">
<div>po no<div>
<div>item no<div>
<div>po no<div>
<div>item no<div>
<div>po no<div>
<div>item no<div>
</div>

function switchDiv(){
if (document.getElementById("D").style.display == "block"){
document.getElementById("D").style.display="none";
document.getElementById("A").style.display="block";
}else{
document.getElementById("D").style.display="block";
document.getElementById("A").style.display="none";
}
}
...全文
68 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
三石-gary 2012-06-18
  • 打赏
  • 举报
回复
可以计算下它们的效率。。

61,112

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧