题解 | #列表动态渲染#

列表动态渲染

https://www.nowcoder.com/practice/347e2e88f11a4b0c89157568f26ea126

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
    </head>
    <body>
        <ul></ul>

        <script>
            var people = [
                { name: '牛油1号', id: 1, age: 20 },
                { name: '牛油2号', id: 2, age: 21 },
                { name: '牛油3号', id: 3, age: 19 },
            ]
            var ul = document.querySelector('ul');
            // 补全代码
            var str = ''
            let len = people.length
            for (let i = 0; i < len; i ++) {
                str += '<li>' + people[i].name + ' '+ people[i].age + '岁</li>'
            }
            ul.innerHTML = str
            
        </script>
    </body>
</html>

#你觉得今年春招回暖了吗#
全部评论

相关推荐

07-15 00:33
江苏大学 Java
代码飞升:哈哈哈哈评论区三个打广告的
简历中的项目经历要怎么写
点赞 评论 收藏
分享
码农索隆:竞争压力小,就你一个不用卷
点赞 评论 收藏
分享
评论
点赞
收藏
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务