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>
`