Question

我有一个动态创建文本输入框的程序。我想在点击清除按钮时清除这些框的内容。

var elems = document.getElementsByClassName(CLId);
var myLength = elems.length;
var total = 0;
for (var i = 0; i < myLength; ++i) {
  if(elems[i].value != null && elems[i].value > 0){
    var el = elems[i];
  }
}

我用它来获取盒子的值，但不知道如何让它们变空....

Answer 1

如果它在表单中，您只需使用<input type="reset" value="clear"/>标记（HTML）即可。否则你会想要：

var elems = document.getElementsByTagName("input");
var l = elems.length;
for (var i = 0; i < l; ++i){
  elems[i].value="";
}

Answer 2

使用 getElementsByTagName （类版本尚未跨浏览器）对于具有所需类的元素，将值设置为“”。

var cname, elems = document.getElementsByTagName("input");
for ( var i = elems.length; i--; ) {
    cname = elems[i].className;
    if ( cname && cname.indexOf(CLId) > -1 ) {
        // empty the input box
        elems[i].value = ""; 
    }
}

（或者您可以使用整个表单的重置输入框）

Answer 3

您可以尝试设置值：

el.value = '';

Answer 4

循环中elems[i]的值将是一个字符串，因此您可以测试其长度或等效于空字符串（“”）。您也可以将其值设置为“”以清除它。

elems[i].value = ""

清除按钮上的输入框用javascript点击

4 个答案: