js案例——数据渲染

最新推荐文章于 2023-04-24 17:00:13 发布

资本理念

最新推荐文章于 2023-04-24 17:00:13 发布

阅读量1.2k

点赞数

分类专栏： web前端笔记总结文章标签：数据渲染

本文链接：https://blog.csdn.net/qq_43151638/article/details/102631184

版权

通过对象循环插入数据，进行数据渲染

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<style type="text/css">
		*{
			padding: 0;
			margin: 0;
		}
		ul{
			margin: 0 auto;
			width: 1200px;
		}
		li{
			width: 20%;
			list-style: none;
			float: left;
			box-sizing: border-box;
			padding: 10px;
		}
		img{
			width: 100%;
			height: 100%;
		}
		div{
			width: 100%;
			border: 1px solid #000;
		}
	</style>
</head>
<body>
	
	<ul class="list">
		<!-- <li>
			<div>
				<img src="img/0.png" alt="">
				<p>腾讯叮当 智能屏 智能音箱 AI音箱 蓝牙音箱 语音唤醒 DTS认证 海量腾讯系内容 带电池高清大屏幕 白色</p>					
			</div> 模板
		</li> 
		<li>
			<div>
				<img src="img/0.png" alt="">
				<p>腾讯叮当 智能屏 智能音箱 AI音箱 蓝牙音箱 语音唤醒 DTS认证 海量腾讯系内容 带电池高清大屏幕 白色</p>					
			</div>
		</li> --

最低0.47元/天解锁文章

资本理念

关注

0
点赞
踩
7

收藏

觉得还不错? 一键收藏
打赏
3
评论
js案例——数据渲染

通过对象循环插入数据，进行数据渲染<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ padding: 0; margin: 0; } ul{...
复制链接

扫一扫