javascript - Onclick 没有执行任何操作

Question

所以我在这里浪费了几个小时来思考为什么这个东西不起作用。我有一个更大的功能不起作用，所以我决定测试这个小功能，但它也不起作用。没有错误，但单击按钮后没有任何反应。

<form>
            <input type="text" id="textField">
            <input id="filtrooo" type="submit" value="Click">
    </form>
<script>
        document.getElementById("filtrooo").onclick = function(){
            document.getElementById("textField").innerHTML ="txt";  
        };
</script>

这里出了什么问题？

Answer 1

现在开始了:

<form>
    <input type="text" id="textField">
    <input id="filtrooo" type="button" value="Click">
</form>
<script>
    document.getElementById("filtrooo").onclick = function(){
        document.getElementById("textField").value = "txt";  
    };
</script>

您应该编写value，而不是innerHTML。另一个问题是，当您单击“提交”按钮时，页面会刷新并且输入的值会被清除。因此，这里我使用 type="button"

而不是 type="submit"