如何将javascript中的值增量到html？
如何将javascript中的值增量到html？
提问于 2018-09-19 02:01:09
我想做一个非常简单的按钮来切换页面(“下一页”和“上一页”)。我的页面就是这样分页的。
function showPages(id = 1) {
var totalNumberOfPages = 6;
for (var i = 1; i <= totalNumberOfPages; i++) {
if (document.getElementById('page' + i)) {
document.getElementById('page' + i).style.display = 'none';
}
}
if (document.getElementById('page' + id)) {
document.getElementById('page' + id).style.display = 'block';
}
};
showPages();<span style="float: left;">
<a href="#" onclick="javascript:showPages(id--)">Previous</a>
</span>
<span style="float: right;">
<a href="#" onclick="javascript:showPages(id++)">Next</a>
</span>
当我点击“下一步”或“上一步”按钮时，它的行为很奇怪。有时会翻到下一页，有时不会...
(子问题:如何限制代码，使其不尝试显示-1页或超过最大页数的页码？
回答 1
Stack Overflow用户
发布于 2018-09-19 02:04:02
不要在链接中使用id--或id++，因为这会修改实际的页面id。改为使用+1或-1，如下所示：
<span style="float: left;">
<a href="#" onclick="javascript:showPages(id - 1)">Previous</a>
</span>
<span style="float: right;">
<a href="#" onclick="javascript:showPages(id + 1)">Next</a>
</span>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52392249
复制相关文章
相似问题