javascript onclick無法正常工作？

Question

我試圖通過上傳文件然后在一個文件中顯示文件名來做一些簡單的事情

標簽，它不起作用，我的代碼是：

function smth () {
    var x=document.getElementById("myfile");
    var file=x.files[0];
    var txt="";
    txt=file.name;
    document.getElementById("p1").innerHTML =txt;
}

<p id="p1"></p>
<input type="file" id="myfle">
<button onclick="javascript:smth()" value="clickme"></button>

Answer 1

這是錯誤的，因為輸入的id值為myfle並且documentgelementbyid正在檢索不存在的名為#myfile的元素。請參見以下修復程序：

<p id="p1"></p>
<input type="file" id="myfile">
<button onclick="javascript:smth()" value="clickme"></button>

<script>
function smth () {
    var x = document.getElementById("myfile");
    var file = x.files[0];
    var txt="";
    txt=file.name;
    document.getElementById("p1").innerHTML =txt;
}
</script>

Answer 2

我要注意的第一件事是您輸錯了：

<input type="file" id="myfle">

myfle atleast應該是myfile。