判断怎么写
时间: 2023-07-26 12:11:35 浏览: 21
您可以使用以下步骤来判断按钮点击哪个弹框:
1. 给每个按钮设置一个唯一的 ID
2. 为每个按钮添加一个点击事件处理程序
3. 在事件处理程序中获取被点击按钮的 ID
4. 根据 ID 显示对应的弹框
以下是一个示例代码:
HTML 代码:
```
<button id="btn1" data-modal="modal1">弹框1</button>
<button id="btn2" data-modal="modal2">弹框2</button>
<div id="modal1" class="modal">弹框1的内容</div>
<div id="modal2" class="modal">弹框2的内容</div>
```
JavaScript 代码:
```
const buttons = document.querySelectorAll('button');
const modals = document.querySelectorAll('.modal');
for (let i = 0; i < buttons.length; i++) {
buttons[i].addEventListener('click', function() {
const modalId = this.getAttribute('data-modal');
const modal = document.getElementById(modalId);
modal.style.display = 'block';
});
}
for (let i = 0; i < modals.length; i++) {
modals[i].addEventListener('click', function() {
this.style.display = 'none';
});
}
```
在上面的代码中,我们使用 `getAttribute` 方法获取按钮的 `data-modal` 属性,这个属性存储了对应弹框的 ID。然后,我们使用 `getElementById` 方法获取到对应的弹框,并将其显示出来。在弹框上添加的点击事件处理程序可以关闭弹框。