请教大家一个DIV切换 效率问题~~~~~~~~~~~~~~
想请教一下大家,下面两种写法,在显示数据及切换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";
}
}