javascript - Style.Top属性不会持续

我的php页面有问题。我想要的是一个按钮，它可以放置一个表（用php插入）将其顶部从310px更改为500px。
桌子是这样开始的：

<?php
print('<table id="bloque" style="top:310px;">');
print("<tr>");
print("<th>Código</th>");
?>

我的剧本是这样的：

<script type="text/javascript">
    function nuevo(){
        document.getElementById("bloque").style.top="500px";
    }
</script>

我的按钮是这样的：

<INPUT TYPE="submit" VALUE="Nuevo Registro" onClick="nuevo();">

当我点击这个按钮时，桌子的最高温度是500像素，但马上又回到了310像素。有我丢失的财产吗？

最佳答案

我认为您的代码是正确的，发生的情况是您正在代码中使用输入类型submit，所以发生的情况是页面刷新。然后html返回到第一个阶段。一种解决方案不使用提交类型按钮。
示例使用：

<button id ="button" type="button" onclick="nuevo();">Nuevo Registro</button>