type=”file”のクリア

question:1193930047 より

<script type="text/javascript">
function sample(oId){
	var obj = document.getElementById(oId);
	var stO = obj.innerHTML;
	obj.innerHTML = stO;
}
</script>

<span id="XYZ"><input type="file" name="file" size="10"></span>
<input type="button" value="←" onclick="sample('XYZ')">

一見、無意味な書き戻しをしているようだが、
<input type="file"> の場合、valueへのアクセスが禁じられているのでvalue=""と同じ効果が得られる。
DOMで削除した後、生成するというのも考えられるけど、<input>のcreateElementはIEが怪しいのでinnerHTMLを使う事を選んだ。