Question

如何编写使用Vanilla js隐藏特定按钮的函数？

<button class"btn">button 1 </button>
<button class"btn">button 2 </button>
<button class"btn">button 3 </button>

例如，当我单击按钮2时，我想要的是按钮1和3将被隐藏。

Answer 1

您可以使用document.querySelector("button:nth-child(2)")来获得第二个按钮，addEventListener和style.display来满足您的要求。

var second = document.querySelector("button:nth-child(2)");
second.addEventListener("click", button2click);

function button2click() {
  var first = document.querySelector("button:nth-child(1)");
  var third = document.querySelector("button:nth-child(3)");
  first.style.display = 'none';
  third.style.display = 'none';
}

<button class"btn">button 1 </button>
<button class"btn">button 2 </button>
<button class"btn">button 3 </button>

如何隐藏具有相同类名的特定按钮

1 个答案: