使用JavaScript清空HTML数字输入框无响应问题求助

你忽略的核心问题是：document.getElementsByClassName("itemCount") 返回的是一个HTMLCollection（元素集合），而非单个DOM元素。集合本身没有value属性，所以直接赋值=0不会生效。

修复后的代码 #

把你的zero_out函数改成遍历集合中的每个输入框，逐个设置值为0：

function zero_out() {
  // 获取所有带itemCount类的输入框
  const countInputs = document.getElementsByClassName("itemCount");
  // 遍历集合，给每个输入框赋值0
  for (let i = 0; i < countInputs.length; i++) {
    countInputs[i].value = 0;
  }
}

或者用更简洁的现代写法（支持ES6+的浏览器均可使用）：

function zero_out() {
  Array.from(document.getElementsByClassName("itemCount")).forEach(input => {
    input.value = 0;
  });
}

补充说明 #

• getElementsByClassName、getElementsByTagName这类方法都会返回类数组的元素集合，必须通过索引或者遍历的方式访问其中的单个元素。
• 如果页面中只有一个带itemCount类的输入框，也可以用document.querySelector(".itemCount")获取单个元素后直接设置value=0，但遍历的写法更通用，能适配多个输入框的场景。

内容的提问来源于stack exchange，提问作者Christian MacNevin