javascript - 使用 Bootstrap 时，Firefox 不遵守 HTML5 "HIDDEN"属性

Question

“删除我的帐户”按钮应该从第二个按钮中删除 HIDDEN 类，因此在单击后显示第二个按钮。它完美地做到了这一点，但即使设置了 HIDDEN 属性，Firefox 也会显示该按钮。单击后，它会更新第二个按钮并删除该属性，但显示保持不变，因为 Firefox 仍然希望以任何方式显示该按钮。我需要仅在单击第一个按钮后才显示第二个按钮，但 Firefox 吓坏了，为什么会这样？

预点击 点击后

Answer 1

使用 Bootstrap，显示值已在 Bootstrap 的 CSS 中设置，因此在 Firefox 中将隐藏属性设置为被覆盖，因为显示优先于隐藏属性。因此，在第一个按钮的 onclick 上使用 document.getElementById('buttonConfirmDelete').removeAttribute('style'); ，您将删除包含 display: none 的样式> 另一个按钮，然后显示它。