循环所有输入框并清除它们

Question

我怎样才能使用javascript遍历页面上的所有输入框并清除它们内部的数据(使它们全部为空白)？

Answer 1

试试这段代码:

?$('input').val('');

它循环遍历所有input元素,并将其值设置为空字符串.这是一个演示:http://jsfiddle.net/maqVn/1/

当然,如果你没有jQuery:

var inputs = document.getElementsByTagName('input');
for (var i = 0; i < inputs.length; i += 1) {
    inputs[i].value = '';
}????

由于我更喜欢​​功能风格,您可以使用:

Array.prototype.slice.call(
  document.getElementsByTagName('input'))
  .forEach(function (el) {
    el.value = '';
});

Answer 2

[].forEach.call(document.getElementsByTagName('input'), function(e){
  e.value = '';
});

编辑:如果你想抓住textareas和其他元素,你可以使用querySelectorAll:

[].forEach.call(
  document.querySelectorAll('input, textarea'), 
  function(e) { e.value = ''; }
);