关于显示隐藏的JS

来源：百度知道 编辑：UC知道 时间：2024/06/14 02:08:36
如果我想把一段文字做在一对标签内,比如说
<!--显示-->
这是内容，这是内容
<!--隐藏-->
怎么样用显示隐藏的JS代码来替换这段内容。
效果是
一个有显示按钮替换了以上内容，点开是内容和隐藏按钮，按隐藏按钮又变成了仅仅有显示按钮

<div id="disp">
内容
<button onclick="nodisp()">隐藏</button>
</div>
<div id="nodisp" style="display:none">
<button onclick="disp()">显示</button>
</div>

<script>
var divdisp=document.getElementById("disp");
var divnodisp=document.getElementById("nodisp");
function disp(){
divdisp.style.display="";
divnodisp.style.display="none";
}
function nodisp(){
divdisp.style.display="none";
divnodisp.style.display="";
}

</script>

除了写两个function这种方法外，你也可以写一个function，判断点的是哪个按钮来处理隐藏还是显示

<div id="disp">
内容
<button onclick="nodisp()">隐藏</button>
</div>
<div id="nodisp" style="display:none">
<button oncli