Javascript 如何在循环中更改getElementById的参数

我正在处理一个表单，我想在不使用重置的情况下单独重置行。 如何改变数值​​在JavaScript中使用循环作为getElementById方法的参数传递的属性的？ 下面是我的源代码示例：

<script>
         var element = document.getElementById('#re');
    element.addEventListener('click', function() {
        document.getElementById("#id1").value = "";
        document.getElementById("#id2").value = "";
        document.getElementById("#id3").value = "";
    });
</script>

var element=document.getElementById（'#re'）；
元素。addEventListener（'click'，function（）{
document.getElementById（“#id1”）.value=”“；
document.getElementById（“#id2”）.value=”“；
document.getElementById（“#id3”）.value=”“；
});

假设您的ID具有示例中所示的格式：

for (var i = 1; i <= 3; i++) {
  document.getElementById("id" + i).value = "";
}

var inputs = document.querySelectorAll("input");
for (var i = 0; i < inputs.length; i++) {
  inputs[i].value = "";
}

---

另一种解决方案是为要重置的所有元素指定一个特定的类和目标：

var elements = document.getElementsByClassName("resetable-element");
[].slice.call(elements).forEach(function(element) {
  element.value = "";
});

---

您可以循环输入，而不是使用ID，例如：

for (var i = 1; i <= 3; i++) {
  document.getElementById("id" + i).value = "";
}

var inputs = document.querySelectorAll("input");
for (var i = 0; i < inputs.length; i++) {
  inputs[i].value = "";
}

var inputs=document.querySelectorAll（“输入”）；
对于（变量i=0；i

对于您的简单示例，您可以循环使用值1-3（我假设ID中的

#

是一个打字错误）：

对于（var i=1；i<4；i++）{document.getElementById（“id”+i.value=”“；}

var elements = document.querySelectorAll('.field');
Array.prototype.slice.call(elements).forEach(function(element) {
   element.value = '';
});