作者ibmibmibm (根暗で阴湿?大きなお世话)
看板Web_Design
标题Re: [问题] 如何用js搭配display控制div显示与否
时间Sun Oct 23 19:45:26 2005
※ 引述《KennyL (Giant Heart)》之铭言：
: ※ 引述《chweng ()》之铭言：
: : 记得之前有在哪看过语法，不过现在却怎麽也找不到。
: : <style type="text/css">
: : .comments { display: none; }
: : </style>
: : <script type="text/javascript">
: : ???
: : </script>
: : <span onclick="???">显示/隐藏评论</span>
: : <div class="comments">评论内容</div>
: : 我要做成按一下可以显示comments这个div 然後再按一下可以消失
: : 请问问号的地方要怎麽写呢?
: : 谢谢~
<script type="text/javascript">
function change(show, hide)
{
document.getElementById(show).style.display = 'inline';
document.getElementById(hide).style.display = 'none';
}
</script>
<div id="a" style="display:inline;" onclick="change('b', 'a');">
...
</div>
<div id="b" style="display:none;" onclick="change('a', 'b');">
....
</div>
这是基於KennyL大大所提供的原始码修改成的。
应该符合W3C
--
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ▁ ▄-▄▄
██◤ ◥█◤ ██◣ ██◣ ██◤ ◢██ ▅▆◤ -▅▃
█ █ █ █ █▄▄ █ █ █ ◣ ◢ /▁ -
█ ◤ █ ██◢█ ▄▄▌█◢ █ █ ◤ ◥ ◤ ◢
█ ◢█◣ █ ◣ ██◤ █ ██◤ ◢▍
▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ ▊ Mozilla Firefox
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 218.166.148.181
1F：推 KennyL:我又多学到一些了..感谢!!:) 10/23 19:59