11_动态列表渲染

本题考点:数组遍历、模板字符串

根据题目要求,需要将"people"数组内容渲染在页面中,核心步骤有:

  1. 获取ul标签
  2. 创建一个空字符串,用于存储HTML模板
  3. 遍历数组,先将数据包裹在li标签中再拼接到空字符串之后
  4. 设置ul标签innerHTML属性

数组方法forEach没有返回值,也不会改变原数组,只是使用数组的每一项做一些方法处理。

参考答案

var str = ''
people.forEach((item) => {
	str += `<li>${item.name}  ${item.age}岁</li>`
})
ul.innerHTML = str