js将数组对象遍历到页面上

最新推荐文章于 2022-12-01 21:58:04 发布

Teng-YJ

最新推荐文章于 2022-12-01 21:58:04 发布

阅读量2.2k

点赞数

分类专栏： javascript 文章标签： js javascript css html

本文链接：https://blog.csdn.net/weixin_46999664/article/details/109311082

版权

javascript 专栏收录该内容

0 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
	<div id="button"></div>

	<script type="text/javascript">
		var  obj= {
		    "homeadlist": [
		        {
		            "id": 1,
		            "imgurl": "/img/homead/a73b3f1d-0f14-429d-9d0f-70643fb0f0eb.jpg",
		            "jumpflag": 0,
		            "jumpurl": "",
		            "posflag": 1,
		            "remark": "1111",
		            "cityid": 1
		        },
		        {
		            "id": 12,
		            "imgurl": "/img/homead/eb442fbf-49db-4ba6-a102-d781505f426d.jpg",
		            "jumpflag": 0,
		            "jumpurl": "",
		            "posflag": 2,
		            "remark": "",
		            "cityid": 1
		        },
		        {
		            "id": 14,
		            "imgurl": "/img/homead/68109460-635d-4c5c-8be8-64d7c7889d18.jpg",
		            "jumpflag": 0,
		            "jumpurl": "http://shiranlife.kuaizhan.com/",
		            "posflag": 4,
		            "remark": "",
		            "cityid": 1
		        }
		    ]
		};

		for(let key in obj){
			console.log(obj[key]);

			for(let key2 in obj[key]){
				for(let key3 in obj[key][key2]){
					let keyto = obj[key][key2][key3];
					document.getElementById('button').innerHTML += '<button class="but">'+keyto+'</button>' + '<br/>';
				}
			}
		}
		
		window.onload = function(){
			let btn = document.getElementsByClassName('but');
			for (var i = 0; i < btn.length; i++) {
				// console.log(btn[i].innerText);
				let tt = btn[i];
				tt.onclick = function(){
					console.log(tt.innerText);
				}
			}
		}
		
	</script>
</body>
</html>

Teng-YJ

关注

0
点赞
踩
6

收藏

觉得还不错? 一键收藏
打赏
0
评论
js将数组对象遍历到页面上

<!DOCTYPE html><html><head> <title></title></head><body> <div id="button"></div> <script type="text/javascript"> var obj= { "homeadlist": [ { "id": 1,
复制链接

扫一扫