js遍历li标签条数判断后往页面中增加一组span标签

Question

<div class="list_bd">
<div class="p_listtit clearfix" id="htab2">
//li标签50个为一档，不足50隐藏span，每增加50增加一个<span>第N页</span>标签，以此类推
<span class="cur">第一页</span>
</div>
<div class="g_listbx">
<ul class="p_tjul clearfix" id="link">
<li><a title='1' href='html' target="_blank">1</a></li>
<li><a title='2' href='html' target="_blank">2</a></li>
<li><a title='3' href='html' target="_blank">3</a></li>
<li><a title='4' href='html' target="_blank">4</a></li>
<li><a title='5' href='html' target="_blank">5</a></li>
<li><a title='6' href='html' target="_blank">6</a></li>
<li><a title='7' href='html' target="_blank">7</a></li>
<li><a title='8' href='html' target="_blank">8</a></li>
<li><a title='9' href='html' target="_blank">9</a></li>
<li><a title='10' href='html' target="_blank">10</a></li>
</ul>
</div>
</div>

Answer 1

onload = function(){

var lis = link.querySelectorAll("li");

var num = lis % 50;

for(var i=0;i<num;i++){

    var span = docuemnt.createElement("span");

    span.className = "g_listbx";

    document.body.appendChild(span);

}

}