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

Question

我正在处理一个表单，我想单独重置各行而不使用重置。如何使用循环改变作为 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>

Answer 1

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

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

<小时/>

如果情况并非如此，但您知道每个元素的 ID，则可以将所有 ID 放入一个数组中并使用它:

var elementIds = ["id1", "id2", "id3"];
elementIds.forEach(function(id) {
  document.getElementById(id).value = "";
});

<小时/>

另一个解决方案是为您想要重置特定类和目标的所有元素提供:

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