问题描述
一个HTML中存在几个div我需要第一个显示，其他几个先隐藏当我点击第一个div中的NEXT的按钮时，显示其中一个DIV。这个用js这么做啊？ 问题补充：andilyliao 写道
解决方案
<html> <head> <script language="javascript"> function fun(j){ for(i=0;i<3;i++){ document.getElementById("div"+i).style.display="none"; } document.getElementById("div"+j).style.display=""; } </script> </head> <body> <div id="div0">开始答题<input type="button" onclick="fun(1)" value="next"/></div> <div id="div1" style="display:none;">题1<input type="button" onclick="fun(2)" value="next"/></div> <div id="div2" style="display:none;">题2<input type="button" onclick="fun(3)" value="next"/></div> <div id="div3" style="display:none;">完成</div> </body> </html>
解决方案二：
大哥 你走走脑子行吗 我代码都写到这个地步了 自己看吧
解决方案三：
你可以看看jquery的accordion控件
解决方案四：
<html><head><script language="javascript">function fun(){for(i=1;i<3;i++){document.getElementById("div"+i).style.display="none";}document.getElementById("div"+document.getElementById("divnum").value).style.display="";}</script></head><body><div id="div0"><input type="text" id="divnum"/><input type="button" onclick="fun()" value="aaa"/></div><div id="div1" style="display:none;">1111111</div><div id="div2" style="display:none;">2222222</div><div id="div3" style="display:none;">3333333</div></body></html>
解决方案五：
document.getElementById("div").style.display="";只能这样.