js - 循环生成ul列表 渲染数据

1.document.querySelector('') 得到dom元素

2.声明一个arr数组

3.利用for循环数组 arr[i]也就是数组的每一项，

判断条件，当i==0时，开始要渲染出<ul> <li> arr[o] </li> </ul>,

当i != 0 时，要将其它的 <li>arr[i]</li> 插入到已经渲染出的<ul></ul>中，这也就是div 索引号为0的子节点的内部。

（这里可以通过 console.log(div.childNodes) 来在控制台查看 ul的索引号 从而精准使用）

最后，成功把数组数据渲染到页面上

//

当然了，有很简单的一种方法 

直接将<li>内容</li> 渲染在<ul></ul>中 一步即可