题解 | #列表动态渲染#
列表动态渲染
http://www.nowcoder.com/practice/347e2e88f11a4b0c89157568f26ea126
11_动态列表渲染
本题考点：数组遍历、模板字符串
根据题目要求，需要将"people"数组内容渲染在页面中，核心步骤有：
- 获取ul标签
- 创建一个空字符串，用于存储HTML模板
- 遍历数组，先将数据包裹在li标签中再拼接到空字符串之后
- 设置ul标签innerHTML属性
数组方法forEach没有返回值，也不会改变原数组，只是使用数组的每一项做一些方法处理。
参考答案：
var str = ''
people.forEach((item) => {
str += `<li>${item.name} ${item.age}岁</li>`
})
ul.innerHTML = str
