//分页显示函数,参数val 页数
function pageshow(val){
start = val*perpage-perpage;
end = val*perpage-1;
if(end>len)end=len;
for(i=0;i<d.length;i++){
if(i>=start && i<=end){
d[i].style.display="block";
}else{
d[i].style.display="none";
}
}
}
var perpage = 5; //每页显示条数
var div = document.getElementsByTagName("div"); //取全部的div,并for循环过滤classname为row的div,放入d数组
var d = [];
for(i=0;i<div.length;i++){
if(div[i].className=="row"){
d.push(div[i]);
}
}
var len = d.length;
var pagenum = Math.ceil(len/perpage);
var pagehtml = document.getElementById("pages"); //分页代码存放的容器id
for(n=1;n<=pagenum;n++){
pagehtml.innerHTML += "<LI><A style='CURSOR: pointer' οnclick=pageshow("+n+") href='#'>"+n+"</A> </LI>";
}
pageshow(1); //显示第一页
javascript写的dom分页
最新推荐文章于 2023-07-26 16:14:58 发布