javascript - 使用javascript重新加载带有新数据集的html表

Question

我正在使用纯 html 和 javascript 我在 JSP 中使用“div”标签创建了一个 HTML 表，如下所示

<div id="paintTable" class="menu2coltable">
<ul class="menu2col">                           
    <%  
        int count = 0;                              
        for(int i=count; i<list.size(); i++){
        appcode = (String)list.get(count);
    %>
            <li id="mytag" class="leftside">
                <a style="text-decoration:none" href="#" <%= appcode %></a>
            </li>
            <%  count ++;
            if(count == 10){    
                System.out.println("Breaking the loop....");
                break;  
            }
        }                                   
   %>                                               
 </ul></div>

我有一个包含 25 个值的列表，我正在显示一个 HTML 表，其中只有 10 条记录以及下一个和上一个按钮（如分页）

在页面加载时，我需要显示列表中的前 10 条记录。当我单击下一步按钮时，我想在“paintTable”div 中重新加载同一个表，其中包含 11-20 的记录，依此类推。

我知道这可以使用 JQuery 轻松完成，但我没有使用 JQuery。有人可以帮助我通过简单的 javascript 来实现这一点。

提前致谢。