原声js动态生成新闻信息

最新推荐文章于 2022-09-17 18:03:52 发布

刘栀子

最新推荐文章于 2022-09-17 18:03:52 发布

阅读量297

点赞数

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

本文链接：https://blog.csdn.net/LZhizi/article/details/89372561

版权

js 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<script>
window.function(){
	var oDiv=document.getElementById('list');
	var btn=document.getElementById('btn');
	var Off=true;
	var arr=[
	"港人登苹果日报头版广告批梁振英干预新闻自由的背后",
	"【新闻看点】神秘女闯海湖开庭间谍疑点陡增",
	"港人登苹果日报头版广告批梁振英干预新闻自由的背后",
	"【新闻看点】神秘女闯海湖开庭间谍疑点陡增"
	];
	btn.function(){
		if(Off){
			Off=false;
			for(var i=0;i<arr.length;i++){
			oDiv.innerHTML+='<li>'+arr[i]+'</li>';
		}
		}
		
	}
}
//思路：按钮内容清空 再执行  判断
</script>
<body>
<button id="btn">点击我生成新闻</button>
<div id="list">
</div>
	
</body>
</html>

实现效果
在这里插入图片描述