js使用两种拼接字符串的方式循环数据动态生成HTML

最新推荐文章于 2021-09-08 14:23:15 发布

程序媛zcx

最新推荐文章于 2021-09-08 14:23:15 发布

阅读量2.4k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： JavaScript 前端 HTML 文章标签： javascript es6 html5 模板字符串

本文链接：https://blog.csdn.net/qq_40015157/article/details/110931611

js使用两种拼接字符串的方式循环数据动态生成HTML，代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        #content {
            width: 500px;
            margin: 0 auto;
            background: pink;
        }

        li {
            list-style: none;
            width: 50%;
            float: left;
            height: 40px;
            line-height: 40px;
            border-bottom: 1px solid;
        }

        .clearfix:after {
            content: ".";
            display: block;
            clear: both;
            height: 0;
            visibility: hidden;

        }
    </style>
</head>
<body>
<div id="content"></div>
</body>
</html>
<script src="jquery.min.js"></script>
<script>
    let List = [{
        "id": 1, "name": "a"