js实现简单的页面渲染

  <h3>电影</h3>
    <ul></ul>
    <h3>动漫</h3>
    <ul></ul>
    <h3>动画片</h3>
    <ul></ul>

<script>
        // 数组里面包数值（二维数组）
        var data = [
            ['济公', '人之怒'],
            ['火影忍者', '秦时明月', '海贼王', '死神来了'],
            ['熊出没', '花园宝宝', '小猪佩奇', '海绵宝宝'],
        ];
        // 将data中的每一个数据对应渲染到每一个ul中
        // data[0] --> ul[0]
        // data[1] --> ul[1]
        // data[2] --> ul[2]
        // 1、获取元素
        var uls = document.getElementsByTagName('ul');
        // console.log(uls);
        // 每一个
        for (var i = 0; i < uls.length; i++) {
            // 获取相应的下标数据
            console.log(data[i], uls[i]);
            var a = data[i];
            // 将data[i]的每一个数据渲染到ul中