Javascript 我们可以在一个页面中有两个弹出窗口吗？

函数myFunction（）{
document.getElementById（“myDIV1”）.style.display=“无”；
document.getElementById（“myDIV”）.style.display=“inline”；
}
函数myFunction1（）{
document.getElementById（“myDIV1”）.style.display=“inline”；
document.getElementById（“myDIV”）.style.display=“无”；
}

#myDIV{
位置：固定；
顶部：40px；
左：7px；
宽度：1212px；
高度：620px；
显示：无；
z指数：600；
}
#myDIV1{
位置：固定；
顶部：40px；
左：7px；
宽度：1212px；
高度：620px；
显示：无；
z指数：600；
}
#影子{
背景：rgba（202188160,0.6）；
位置：固定；
顶部：47px；
左：213px；
宽度：801px；
高度：570px；
-网络工具包盒阴影：9px 5px 27px 5px rgba（71,68,71,0.57）；
-莫兹盒阴影：9px 5px 27px 5px rgba（71,68,71,0.57）；
盒影：9px 5px 27px 5px rgba（71,68,71,0.57）；
}
.隐私统计{
背景：rgba（254,254,254,0.9）；
位置：固定；
宽度：759px；
高度：500px；
溢出：自动；
顶部：75px；
保证金：自动；
填充：20px；
左：213px；
边框宽度：1px；
边框样式：实心；
边框底色：#666666；
左边框颜色：#666666；
边框顶部颜色：#666666；
右边框颜色：#666666；
}
#标题栏{
背景色：#中交；
宽度：799px；
高度：27px；
位置：固定；
左：213px；
顶部：47px；
边框宽度：1px；
边框样式：实心；
边框底部：无；
左边框颜色：#666666；
边框顶部颜色：#666666；
右边框颜色：#666666；
z指数：600；
}
#接近{
位置：固定；
宽度：26px；
高度：26px；
位置：相对位置；
左：769px；
顶部：-1px；
}

接触


style=“单词间距：1px；字体大小：12px；”>
一般的

员工id:




雇用日期
我认为您的问题在于，当您再次单击添加员工按钮时，它不会隐藏编辑弹出窗口，也不会显示myDIV弹出窗口

要解决此问题，您需要做的是，每次单击其中一个按钮时，首先使用
style.display='none'
隐藏现有的弹出窗口。然后显示相关的弹出窗口


函数myFunction（）{
document.getElementById（“myDIV1”）.style.display=“无”；
document.getElementById（“myDIV”）.style.display=“inline”；
}
函数myFunction1（）{
document.getElementById（“myDIV”）.style.display=“无”；
document.getElementById（“myDIV1”）.style.display=“inline”；
}
#myDIV{
位置：固定；
顶部：40px；
左：7px；
宽度：1212px；
高度：620px；
显示：无；
z指数：600；
}
#myDIV1{
位置：固定；
顶部：40px；
左：7px；
宽度：1212px；
高度：620px；
显示：无；
z指数：600；
}

我的部门
我的第一组
您需要添加

<div id="add">
        <a href="javacsript:void(0);" onclick="myFunction()" class="button"><span>ADD EMPLOYEE</span></a>
        <a href="javascript:void(0);" onclick="myFunction1()" class="button"><span>EDIT</span></a>
</div>

<div id="myDIV">myDIV</div>
<div id="myDIV1">myDIV1</div>


myDIV
myDIV1
这对我不起作用。第一个Popup仍然有问题我不知道你所说的问题是什么意思？您遇到了什么问题？我需要关闭第一个弹出窗口，然后关闭下一个。作为结束语，我有一个元素。在我的代码中，我看不到第二个弹出窗口我的答案中的代码是这样工作的。。。1） 当您单击添加员工时，将打开myDIV弹出窗口。2） 单击
EDIT
时，将关闭
myDIV
，并打开
myDIV1
。3） 再次单击“添加员工”
时，
myDIV1
将关闭，并且将打开
myDIV
。这不是你期望的行为吗？没关系。在我的代码中，我无法获得第二个弹出窗口。我有一个元素要关闭myDiv并单击编辑。我看不到编辑弹出窗口。我试图在你发布演示之前解决这个问题。我想你稍后发布了演示。现在我可以看到弹出在您的演示。所以加上你的锚定标签，然后它会工作的很好。但我不能在我的代码？我加了一句，你确定吗。你不想使用jquery？我可以在jquey中比在javascript中更轻松地完成这项工作。最后我找到了bug。事实上，错误是在你的html关闭。你没有关闭#myDIV所以#myDIV1也来了#myDIV。现在，用jquery找到工作的小提琴演示就解决了。