<body> | |
<button type="button">下一页</button> | |
<ul> | |
</ul> | |
<script> | |
var oUl = document.getElementsByTagName("ul")[0]; | |
var oBtn = document.getElementsByTagName("button")[0]; | |
var arr = ["新闻内容1","新闻内容2","新闻内容3","新闻内容4","新闻内容5","新闻内容6","新闻内容7","新闻内容8","新闻内容9","新闻内容10","新闻内容11","新闻内容12","新闻内容13","新闻内容14","新闻内容15"]; | |
var str = ""; | |
for(var i=0;i<5;i++){ | |
str += "<li>"+arr[i]+"</li>"; | |
} | |
oUl.innerHTML = str; | |
var index = 0; | |
oBtn.onclick = function (){ | |
var j = ++index%3; | |
var str = ""; | |
for(var i=j*5;i<(j+1)*5;i++){ | |
str += "<li>"+arr[i]+"</li>"; | |
} | |
oUl.innerHTML = str; | |
} | |
</script> |
”innerHTML“的应用实例
猜你喜欢
转载自blog.csdn.net/cosmos033/article/details/80397954
今日推荐
周排行