dom分页

来源:互联网 发布:unity3d 5.3.4 编辑:程序博客网 时间:2024/06/06 03:23
//分页显示函数,参数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");  //分页代码存放的容器idfor(n=1;n<=pagenum;n++){pagehtml.innerHTML += "<LI><A style='CURSOR: pointer' onclick=pageshow("+n+")  href='#'>"+n+"</A> </LI>";}pageshow(1); //显示第一页