如何使用 innerHTML 更新大小为 X 的数组

Question

当我尝试运行此脚本时，它会更新我的数组一秒钟，但似乎在函数运行后，文档恢复正常。

解决这个问题的最佳方法是什么？

<p id="demo"></p>
<form>
    <input type="submit" onclick="add_value()"/>
</form>

<script>    
    var array = ["1", "2", "3"];
    document.getElementById("demo").innerHTML = array[3];
    function add_value() {
        array.push("69");
        document.getElementById("demo").innerHTML = array[3];
        document.getElementById("demo2").innerHTML = array[3];
    }
</script>

Answer 1

由于您有 submit 类型的输入，因此浏览器会在您按下按钮后重新加载页面。

而是使用

<input type="button"