带有表单的 Javascript innerHTML

Question

我试图在页面之间移动，但是当我尝试转到下一页时，它没有按预期工作。当我第一次点击它时，结果是 01 而不是 1，第二次它变成 011 而不是 2。我做错了什么？

HTML:

<p id='page'>0</p>
<div id='pics'>
    <a href='<?=URL;?>index.php?p=gallery&image=<?=$pic['album_pic_id'];?>'>
        <img class='<?php if($pic['album_pic_id'] == $image) 
            { echo "selected_pic"; } ?>' width='90px' height='60px'
            src='<?=URL;?>images/albums/<?=$pic['album_pic_photo'];?>' />
     </a>
     <a onclick='getElementById("page").value = getElementById("page").value+1;'>
         Pievienot
     </a>
 </div>

Javascript:

window.onload = function() {
    var page = 0;
};

Answer 1

使用 innerHTML 并使用 parseInt 将其内容解析为整数:

<a onclick='getElementById("page").innerHTML = parseInt(getElementById("page").innerHTML) + 1;'>Pievienot</a>

value 仅适用于 form 元素，例如 input。