html+写原生分页效果,利用原生javascript怎么实现一个前端分页功能

利用原生javascript怎么实现一个前端分页功能

发布时间：2020-11-27 15:14:33

来源：亿速云

阅读：220

作者：Leah

利用原生javascript怎么实现一个前端分页功能？相信很多没有经验的人对此束手无策，为此本文总结了问题出现的原因和解决方法，通过这篇文章希望你能解决这个问题。

HTML：html>

分页

CSS:*{

padding: 0;

margin: 0;

font-size: 20px;

}

.all{

width: 100%;

height: 100vh;

display: flex;

justify-content: center;

flex-wrap: wrap;

}

/*偷懒才用的id*/

#inputs input{

width: 100px;

height: 50px;

background-color: white;

}

#table{

width: 90%;

}

tr{

width: 100%;

}

td{

text-align: center;

width: 50%;

height: 10vh;

border: 1px solid black;

}

JS://一下数据为模拟集合