javascript 分页

最新推荐文章于 2025-12-21 15:46:00 发布

原创最新推荐文章于 2025-12-21 15:46:00 发布 · 862 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #null

本文介绍了一种使用JavaScript遍历文档对象模型（DOM）的方法，并通过分页技术来展示DOM元素的信息，包括每个元素的ID和标签名。

script type ="text/javascript">
   var objs= document.all;
    if(objs!=null)
    {

     var msg=objs.length+"/r";
      var pageIdex ;
      var size ;
      size=20;
             msg=msg+parseInt(objs.length/size)+"/r"
           alert(msg);
     for (k=0;k<objs.length/size+1;k++)
     {
          pageIdex=k;
          if(pageIdex==parseInt(objs.length/size))
          {
                   msg="第"+(pageIdex+1)+"页"+"---"+"从"+(pageIdex*size+1)+"到"+objs.length+"/r";
                  for(i=pageIdex*size;i<objs.length;i++)
                  {
                    msg=msg+objs.item(i).id+"--"+objs.item(i).tagName+"/r";

                  }
          }
          else
          {


                  msg="第"+(pageIdex+1)+"页"+"---"+"从"+(pageIdex*size+1)+"到"+(pageIdex+1)*size+"/r";
                  for(i=pageIdex*size;i<(pageIdex+1)*size;i++)
                  {
                    msg=msg+objs.item(i).id+"--"+objs.item(i).tagName+"/r";

                  }

          }
          window.alert(msg);
      }