Style.Top屬性不會持續

我有一個PHP頁面的問題。我想要的是一個按鈕，可以把一個表（用php插入）將其頂部從310px更改爲500px。表開始是這樣的：Style.Top屬性不會持續

<?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();">

當我按一下按鈕，表去500px，但立即回到310px。有沒有我失蹤的財產？

來源

2017-05-13 Krist Jauregui

我覺得你的代碼是正確的，什麼情況是，您使用的是輸入型提交在你的代碼，所以會發生什麼是刷新頁面。然後你的html返回到第一階段。一種解決方案不使用提交類型按鈕。 –

你是完全正確的！ Thanx的答案！ –

接受答案或者你想讓我把一個給你接受嗎？這樣你就可以幫助未來的人們，他們遇到了同樣的問題。 –

我覺得你的代碼是正確的，什麼情況是，您使用的是輸入型提交在你的代碼，所以會發生什麼是刷新頁面。然後你的html返回到第一階段。一種解決方案不使用提交類型按鈕。

使用例：

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

來源

2017-05-15 20:24:23

您使用的是提交而不是實際的按鈕。你的HTML改爲

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

function nuevo() { 
 
    document.getElementById("bloque").style.top = "500px"; 
 
}

#bloque { 
 
    position: absolute; 
 
}

<table id="bloque" style="top:310px;"> 
 
    <tr> 
 
    <th>Código</th> 
 
    </tr> 
 
</table> 
 

 

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

來源

2017-05-13 11:03:12 Cholowao

你是完全正確的！ Thanx的答案！ –

Style.Top屬性不會持續

回答

相關問題