本文演示了Javaｓｃｒｉｐｔ实现空（重置）文件类型的输入元素值的方法：

由于安全性的限制，脚本不能任意设置其值值，因此不能设置与其他表单输入字段一样的属性重置它。

有3种主要方法来重置文件域的值。

本文分析了这三种方法的兼容性和优缺点，并给出了较完整的代码和演示方案。

重置文件域的三种方法：

1。将值属性设置为空。

超过IE11等较新的非IE浏览器Chrome或Firefox现代 /歌剧…有效。

2。克隆或创建一个新的文件输入元素来替换它。

使用createElement或clonenode克隆或创建新元件的更换，适用于所有的浏览器。缺点也很明显，那就是，置换后，原先绑定的事件侦听器将失去一些自定义扩展属性丢失。如果没有这个问题，它可以使用，不常见的，我不建议这种方法的使用。

三.表单表单元素的重置（）方法称为。

表单（重置）元素方法将重置表单中的所有输入元素，这不是我们所期望的，因此您可以更改，创建一个新的表单对象，在输入元素进入重置文件之后，文件输入元素不合适，所以我们没有2个缺点。

方法1和方法3的组合可以与所有浏览器兼容。

Javaｓｃｒｉｐｔ函数代码如下所示：


功能clearinputfile（F）{
如果（f.value）{
尝试{
f.value = ''； / / /火狐Chrome的最新的IE11， /歌剧…
} catch（错误）{
}
如果（f.value）{ / / IE5 ~ IE10
VaR形式= document.createelement（‘形'），作为f.nextsibling，P = f.parentnode；
form.appendchild（F）；
form.reset（）；
p.insertbefore（F，REF）；
}
}
}




有关感兴趣的读者的Javaｓｃｒｉｐｔ相关内容的更多内容可以查看主题：

希望本文能对javaｓｃｒｉｐｔ程序设计有所帮助。