”innerHTML“的应用实例

最新推荐文章于 2023-09-01 15:33:59 发布

cosmos033

最新推荐文章于 2023-09-01 15:33:59 发布

阅读量434

点赞数

分类专栏： js 文章标签： innerHTML

本文链接：https://blog.csdn.net/cosmos033/article/details/80397954

版权

9 篇文章 0 订阅

订阅专栏

<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=j5;i<(j+1)5;i++){
	str += "<li>"+arr[i]+"</li>";
	}
	oUl.innerHTML = str;
	}
	</script>