Question

我有一个GUI计算器，我想在按下相等的按钮时禁用数字按钮。

以下是包含数字1的按钮的HTML：

<td>
  <button type="button" name="digit" value="1" value2 = "disabled">
    1
  </button>
</td>

这是等于按钮的HTML：

<button type="button" name="equals" value="=">
  =
</button>

这是我的JavaScript代码试图禁用它......

document.getElementsByName("equals")[0].addEventListener("click", function(){
  document.getElementsByName("digit").disabled = true;
});

为什么这不起作用？事件监听器应禁用它。

谢谢。

Answer 1

document.getElementsByName() 会返回NodeList 集合元素。

而不是document.getElementsByName("digit")，您正在寻找document.getElementsByName("digit")[0]来访问该集合中的第一个元素。

document.getElementsByName("equals")[0].addEventListener("click", function(){
  document.getElementsByName("digit")[0].disabled = true;
});

<td>
  <button type="button" name="digit" value="1" value2="disabled">
    1
  </button>
</td>

<button type="button" name="equals" value="=">
  =
</button>

希望这有帮助！：）

如何在按下另一个按钮时禁用按钮？

1 个答案: