87,910
社区成员
发帖
与我相关
我的任务
分享
<style type="text/css">
font-size: 12px;
a:link{color:#000000;text-decoration:none}
a:visited{color:#000000;text-decoration:none}
a:hover{color:#CC0000;text-decoration:none}
</style>
<body>
<div id="all">
<div>内容1 </div>
<div>内容2 </div>
<div>内容3 </div>
<div>内容4 </div>
<div>内容5 </div>
<div>内容6 </div>
<div>内容7 </div>
<div>内容8 </div>
<div>内容9 </div>
<div>内容10 </div>
</div>
<div>一共<span id="a1" style="color:#FF0000"></span>页 当前在<span id="a2" style="color:#FF0000"></span>页 <span id="a3"></span> <a href="#" onClick="change(--pageno)">上一页</a> <a href="#" onClick="change(++pageno)">下一页</a></div>
</body>
<script>
var a = document.getElementById("all").getElementsByTagName("div");
var zz =new Array(a.length)
for(var i=0;i <a.length;i++)
{ zz[i]=a[i].innerHTML }
var pageno=1 //当前页
var pagesize=3 //每页多少条信息
if(zz.length%pagesize==0)
{var pageall =zz.length/pagesize }
else
{var pageall =parseInt(zz.length/pagesize)+1} //一共多少页
function change(e){
if(e<1)
{ e=1;pageno=1}
if(e>pageall)
{e=pageall;pageno=pageall}
document.getElementById("all").innerHTML=""
for(var i=0;i<pagesize;i++)
{
var div =document.createElement("div")
div.innerHTML=zz[(e-1)*pagesize+i]
document.getElementById("all").appendChild(div)
if(zz[(e-1)*pagesize+i+1]==null)
break }
var ye=""
for(var j=1;j<=pageall;j++)
{
if(e==j)
{ye=ye+"<span style='color:#FF0000'>[<a href='#' onClick='change("+j+")'>"+j+"</a>]</span>"}
else
{ye=ye+"<a href='#' onClick='change("+j+")'>[<a href='#' onClick='change("+j+")'>"+j+"</a>]"}
}
document.getElementById("a1").innerHTML=pageall
document.getElementById("a2").innerHTML=pageno
document.getElementById("a3").innerHTML=ye
}
change(1)
</script>
<script>
var a = document.getElementById("all").getElementsByTagName("div");
var zz=[]; var t=a.length
for(var i=0;i <t;i++)
{
zz[i]=a[i].innerHTML
alert(zz[i]) +'\\'+a.length
}
for (i=0;i<t;i++){
document.getElementById("all").removeChild(a[0])
}
</script>
<body>
<div id="all">
<div>内容1 </div>
<div>内容2 </div>
<div>内容3 </div>
<div>内容4 </div>
<div>内容5 </div>
<div>内容6 </div>
<div>内容7 </div>
<div>内容8 </div>
<div>内容9 </div>
<div>内容10 </div>
</div>
</body>
<script>
//var a = document.getElementById("all").getElementsByTagName("div");
var a = document.getElementById("all");
for(var i=a.childNodes.length;i<a.childNodes.length;i--){
a.childNodes[i].removeNode(true);
}
document.getElementById("all").innerHTML="删除完毕";
</script>
<body>
<div id="all">
<div>内容1 </div>
<div>内容2 </div>
<div>内容3 </div>
<div>内容4 </div>
<div>内容5 </div>
<div>内容6 </div>
<div>内容7 </div>
<div>内容8 </div>
<div>内容9 </div>
<div>内容10 </div>
</div>
</body>
<script>
var a = document.getElementById("all");
for(var i=0;i<a.childNodes.length;i++){
a.childNodes[i].style.display="none";
}
document.getElementById("all").innerHTML="删除完毕";
</script>
<div id="all">
<div>内容1 </div>
<div>内容2 </div>
<div>内容3 </div>
<div>内容4 </div>
<div>内容5 </div>
<div>内容6 </div>
<div>内容7 </div>
<div>内容8 </div>
<div>内容9 </div>
<div>内容10 </div>
</div>
</body>
<script>
var a = document.getElementById("all").getElementsByTagName("div");
var zz =new Array(a.length)
for(var i=a.length-1; i>=0; i--)
{
zz[i]=a[i].innerHTML
alert(zz[i])
document.getElementById("all").removeChild(a[i]) //把这个注释掉alert(zz[i])有10个,不注释掉只有5个alert(zz[i])
}
</script>