javascript - 隐藏的 CSS 可见性

Question

我正在尝试通过没有按钮 ID 和隐藏 css 元素可见性的 javascript 创建一个切换按钮，我一直在尝试用谷歌搜索，但找不到任何好的答案，我只能通过使用 style.display 找到你如何切换但是当我使用隐藏在 css 中的可见性时，这不起作用。切换按钮的按钮名称为 button2，隐藏按钮的 ID 为 Hbutton。

document.querySelector(button8).addEventListener(click, function () {
  document.querySelector("hiddenbutton").style.visibility = "visible";
});

标签： javascript

Answer 1

获取当前样式，并使用条件。

document.querySelector(button8).addEventListener(click, function() {
  const button = document.querySelector("hiddenbutton");
  let current = getComputedStyle(button).getPropertyValue("visibility");

  button.style.visibility = current == "visible" ? "hidden" : "visible";
})