我试图寻找答案，但还没有找到正确的答案。而且我必须使用javascript做到这一点，所以不要给我任何jQuery答案。由于我刚开始学习JavaScript，因此我的JavaScript技能也很低。
这是我必须做的：我有三个按钮，每个按钮在div内都有自己的内容（因此是三个不同的div）。当网站首次加载时，我只能从第一个按钮看到内容。如果单击另一个按钮，则只能看到该新按钮的内容，其他所有内容都必须消失（当然，这三个按钮除外）。
我曾尝试document.getElementById("button1").style.visibility = "hidden";在某个函数中进行操作，依此类推，但我仍然无法真正使它正常工作，尤其是当我尝试将函数连接到html文档时。
有小费吗？
希望以下内容能对您有所帮助
<button onclick="javascript:show(1)">One</button>
<button onclick="javascript:show(2)">Two</button>
<button onclick="javascript:show(3)">Three</button>
<div id="content1">content one</div>
<div id="content2" style="display:none">content two</div>
<div id="content3" style="display:none">content three</div>
<script>
function show(dv){
hideAll();
if(dv == '1'){
document.getElementById("content1").style.display = "block";
}else if(dv == '2'){
document.getElementById("content2").style.display = "block";
}else{
document.getElementById("content3").style.display = "block";
}
}
function hideAll(){
document.getElementById("content1").style.display = "none";
document.getElementById("content2").style.display = "none";
document.getElementById("content3").style.display = "none";
}
</script>
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句