| <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
今日推荐
周排行