无法设置未定义的属性'onclick' - 代码有效，但宣布错误

Question

它在控制台中显示此错误，但代码正在工作：

undureck typeError：无法设置不确定的

的属性'onClick'

如何解决此错误？

var buttons = document.getElementsByTagName("button");
var buttonsCount = buttons.length;
for (var i = 0; i <= buttonsCount; i += 1) {
  buttons[i].onclick = function(e) {
    if (this.id == "plus") {
      var pret_unitar_euro = $(this).closest("tr").find("input[name='pret_unitar_euro']").val($(this).closest("tr").find("input[name='input_value']").val() * $(this).closest("tr").find("input[name='pret_unitar_euro_h']").val());
      var pret_unitar_lei = $(this).closest("tr").find("input[name='pret_unitar_lei']").val($(this).closest("tr").find("input[name='input_value']").val() * $(this).closest("tr").find("input[name='pret_unitar_lei_h']").val());
      var pret_total_euro = $(this).closest("tr").find("input[name='pret_total_euro']").val($(this).closest("tr").find("input[name='input_value']").val() * $(this).closest("tr").find("input[name='pret_total_euro_h']").val());
      var pret_total_lei = $(this).closest("tr").find("input[name='pret_total_lei']").val($(this).closest("tr").find("input[name='input_value']").val() * $(this).closest("tr").find("input[name='pret_total_lei_h']").val());
    } else if (this.id == "minus") {
      var pret_unitar_euro = $(this).closest("tr").find("input[name='pret_unitar_euro']").val($(this).closest("tr").find("input[name='pret_unitar_euro_h']").val() * $(this).closest("tr").find("input[name='input_value']").val());
      var pret_unitar_lei = $(this).closest("tr").find("input[name='pret_unitar_lei']").val($(this).closest("tr").find("input[name='pret_unitar_lei_h']").val() * $(this).closest("tr").find("input[name='input_value']").val());
      var pret_total_euro = $(this).closest("tr").find("input[name='pret_total_euro']").val($(this).closest("tr").find("input[name='pret_total_euro_h']").val() * $(this).closest("tr").find("input[name='input_value']").val());
      var pret_total_lei = $(this).closest("tr").find("input[name='pret_total_lei']").val($(this).closest("tr").find("input[name='pret_total_lei_h']").val() * $(this).closest("tr").find("input[name='input_value']").val());
    }
  };
}

<button type="button" class="minus" id="minus">-</button>
<button type="button" class="plus" id="plus">+</button>

Answer 1

您的病情不正确。您在上次迭代中遇到错误，因为buttons[i]是undefined。

使用

for (var i = 0; i < buttonsCount; i += 1) {
}

而不是

for (var i = 0; i <= buttonsCount; i += 1) {
}

---

当您使用jQuery时，它可以用于附加事件处理程序，然后不需要for循环。

$("button").on('click', function(e) {
  //Your code
});

Answer 2

如何解决此错误？

您需要在

的循环中修复条件

for (var i = 0; i < buttonsCount; i += 1) { //using < instead of <=

由于i等于buttonCount，因此buttons[i]成为undefined，因为您正在尝试从数组中访问一个数组中没有的项目。