如何更新使用的innerHTML尺寸X的阵列?

时间:2019-02-02 00:45:39

标签: javascript html

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

解决此问题的最佳方法是什么?

<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>

1 个答案:

答案 0 :(得分:5)

由于您输入的类型为“提交”,因此按下按钮后浏览器会重新加载页面。

代替使用

<input type="button"