11-列表动态渲染

题目:
请补全JavaScript代码,将预设代码中的"people"数组渲染在页面中。实现下面的列表:
牛油1号 20岁
牛油2号 21岁
牛油3号 19岁
答案:
`

        <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');
            // 补全代码
            for(var i=0;i<people.length;i++){
                var li=document.createElement('li');
                ul.append(li)
                li.innerHTML=people[i].name+people[i].age+"岁"
            }
        </script>
    </body>
    
    `
    posted @ 2023-03-17 19:49  useeee  阅读(19)  评论(0编辑  收藏  举报