Javascript 如何添加另一个显示/隐藏切换div？

我在W3S上找到了以下代码：

我要找的不是一个div，而是三个不同的div来显示/隐藏

我相信这部分

varx=document.getElementById（'myDIV'）才能显示/隐藏大量不同的div

谁能告诉我应该写些什么来让它按照我想要的方式工作

谢谢！
亲切问候,，
Cynthia
您可以使用
document.getElementsByTagName（“DIV”）


函数myFunction（）{
var x=document.getElementsByTagName（“DIV”）；
对于（变量i=0；i

.myDIV{
宽度：25%；
填充：50px0；
文本对齐：居中；
背景颜色：浅蓝色；
边缘顶部：20px；
右边距：10px；
}

单击“尝试”按钮在隐藏和显示DIV元素之间切换：

试试看
这是我的DIV元素。
这是我的DIV元素。
这是我的DIV元素。
嗨，谢谢你的回答，我想我解释的方式不对，对不起。我不想有三个div。我正在寻找有3个“尝试”按钮与不同的信息显示，一旦你点击按钮。例如，“Try it button 1”显示一个带有名称的粉红色框“Try it button 2”显示一个带有数字的蓝色框“Try it button 3”显示一个带有图像的黄色框所有这些都应该具有显示/隐藏的功能，并且不依赖于其他按钮。您好@Raj，我使用了这部分“var x=document.getElementsByTagName（“DIV”）；”你的代码，并在最后找到了它，非常感谢！为什么不自己尝试一下，如果它不起作用，请带着一个问题回到这里？这正是我正在做的：）