显示/隐藏div,并在按钮上按下javascript(并先隐藏所有div)

奥本

我是javascript新手,无法缝制以隐藏div开头,我可以让div在彼此之间切换,任何帮助都将非常有用

<script type="text/javascript">
function show(elementId) { 
 document.getElementById("id1").style.display="none";
 document.getElementById("id2").style.display="none";
 document.getElementById("id3").style.display="none";
 document.getElementById(elementId).style.display="block";
}
</script>


<button type="button" onclick="show('id1');">Button 1</button>
<button type="button" onclick="show('id2');">Button 2</button>
<button type="button" onclick="show('id3');">Button 3</button>

<div id="id1">text 1</div>
<div id="id2">text 2</div>
<div id="id3">text 3</div>
埃米利奥·罗德里格斯(Emilio Rodriguez)

您可以通过添加内联样式来隐藏所有div:

<script type="text/javascript">
function show(elementId) { 
 document.getElementById("id1").style.display="none";
 document.getElementById("id2").style.display="none";
 document.getElementById("id3").style.display="none";
 document.getElementById(elementId).style.display="block";
}
</script>


<button type="button" onclick="show('id1');">Button 1</button>
<button type="button" onclick="show('id2');">Button 2</button>
<button type="button" onclick="show('id3');">Button 3</button>

<div id="id1"  style="display:none">text 1</div>
<div id="id2"  style="display:none">text 2</div>
<div id="id3"  style="display:none">text 3</div>

看到它在这里工作:http : //jsbin.com/suhok/2/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在按钮上隐藏div

来自分类Dev

使用Jquery在按钮单击上隐藏/显示Div

来自分类Dev

在按钮单击jquery上隐藏/显示div

来自分类Dev

显示一个div但隐藏所有其他div无效

来自分类Dev

如果按下按钮组,jQuery 显示/隐藏 div

来自分类Dev

按下按钮时隐藏和显示 div

来自分类Dev

隐藏所有没有“ div”的表行

来自分类Dev

覆盖不隐藏所有基础div

来自分类Dev

通过传递 id 值隐藏所有 div

来自分类Dev

显示一个div,单击隐藏所有其他

来自分类Dev

隐藏所有div元素,但显示前两个

来自分类Dev

Angular JS-显示1 div并隐藏所有其他

来自分类Dev

Angular JS-显示1 div并隐藏所有其他

来自分类Dev

显示/隐藏Div-并在单击时隐藏“更多”按钮

来自分类Dev

获取删除的div的ID,并隐藏所有没有该类的所有div

来自分类Dev

显示/隐藏div按钮

来自分类Dev

Angular 8隐藏div并在单击按钮时显示div

来自分类Dev

显示div并通过按下按钮隐藏另一个div

来自分类Dev

在JavaScript中显示所有隐藏的div的最佳方法

来自分类Dev

隐藏并显示带有按钮的div

来自分类Dev

在第5个div之后隐藏所有其他div

来自分类Dev

隐藏/显示所有已选择的DIV

来自分类Dev

隐藏所有文章,并在我们单击“下一步”并进行预览时按5 5显示它们

来自分类Dev

JavaScript显示/隐藏DIV

来自分类Dev

显示隐藏的div的Javascript

来自分类Dev

溢出隐藏隐藏所有内容

来自分类Dev

如何使用foreach隐藏所有按钮?

来自分类Dev

隐藏/显示按钮未隐藏我的div

来自分类Dev

按Div ID显示/隐藏