我创建了样式重置作为表单验证的第一部分。我必须清除两种类型的元素:输入和选择。我可以在变量上存储两种元素吗?因此 inputs
var 存储输入和选择对象。
var inputs = document.getElementsByTagName("input");
var totalInputs= inputs .length;
for (var i = 0; i < totalInputs; i++){
inputs[i].removeAttribute("style");;
}
最佳答案
您可以仅使用 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>
希望对你有帮助
关于javascript - 将多个元素存储在一个变量上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34263465/