在变量上存储几个元素

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>

希望这有助于

Answer 2

getElementsByTagName返回节点列表。我建议使用querySelectorAll来获取输入和选择元素。

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

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