”innerHTML“的應用例項

cosmos033發表於2018-05-21
HTML
<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>

相關文章