javascript - 将多个元素存储在一个变量上

Question

我创建了样式重置作为表单验证的第一部分。我必须清除两种类型的元素:输入和选择。我可以在变量上存储两种元素吗？因此 inputs var 存储输入和选择对象。

  var inputs = document.getElementsByTagName("input");
  var totalInputs= inputs .length;

  for (var i = 0; i < totalInputs; i++){
        inputs[i].removeAttribute("style");;
  }

Answer 1

您可以仅使用 querySelectorAll 将多个元素存储在单个变量中。但不是通过使用 getElementsByTagName。

在这里你可以存储input和select对象，

var inputs = document.querySelectorAll("input,select");

检查这个例子:

$(function() {
  $("button").click(function() {
    var inputs = document.querySelectorAll("input,select");
    var totalInputs = inputs.length;
    for (var i = 0; i < totalInputs; i++) {
      inputs[i].removeAttribute("style");;
    }
  })
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<input type="text" style="background:#b6ff00" />
<select style="background:#b6ff00">
  <option>Option 1</option>
  <option>Option 2</option>
</select>
<button>Remove</button>

希望对你有帮助