Question

display=none 隐藏div层问题

我想点击 第一个层 >> 显示第二个层并且隐藏第一个层本身
------------------------------
点击 第二个层 >> 显示第一个层并且隐藏第二个层本身
------------------------------------
下面代码无效呀

<div id="s1" onclick="aaa();">第一个层</div>
<div id="s2" onclick="bbb();">第二个层</div>

<script type="text/javascript">
function aaa() {
s1.style.display='none';
s2.style.display='block';
}

function bbb() {
s1.style.display='block';
s2.style.display='none';
}
</script>

Answer 1

 隐藏div层可以display="none" ,显示DIV层相应的代码为display="block"。

相关实例代码如下：

<div  id="s1" onclick="javascript:aaa();">第一个层</div>
<div  id="s2" onclick="javascript:bbb();">第二个层</div>
<script language="javascript" type="text/javascript">
function aaa() {
   document.getElementById('s1').style.display='none';
   document.getElementById('s2').style.display='block';
}
function bbb() {
   document.getElementById('s1').style.display='block';
   document.getElementById('s2').style.display='none';
}
</script>

Answer 2

<div id="s1" onclick="javascript:aaa();">第一个层</div>
<div id="s2" onclick="javascript:bbb();">第二个层</div>

<script language="javascript" type="text/javascript">
function aaa() {
document.getElementById('s1').style.display='none';
document.getElementById('s2').style.display='block';
}

function bbb() {
document.getElementById('s1').style.display='block';
document.getElementById('s2').style.display='none';
}
</script>

Answer 3

我执行了是有效的