首页 > 其他分享 >11-列表动态渲染

11-列表动态渲染

时间:2023-03-17 19:55:05浏览次数:41  
标签:11 name 渲染 age 列表 var id 牛油

题目:
请补全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>
    
    `

    标签:11,name,渲染,age,列表,var,id,牛油
    From: https://www.cnblogs.com/wan-cb/p/17227991.html

    相关文章

    • Halcon 22.11版本激活试用方法
      参考地址:https://github.com/lovelyyoshino/Halcon_licenses亲测有效在页面当月文件夹下载(或复制license内容后新建license.dat文件)将对应Halcon版本当月的dat文件放到H......
    • react hooks 渲染性能
      目录目录重复渲染React.memo()例子React.useMemo例子React.useMemo也可以绑定jsx和tsx对象React.useCallback()例子重复渲染简介:在react中prop......
    • 中英文章11 低成本设备可以在任何地方测量空气污染
       https://news.mit.edu/2023/low-cost-device-can-measure-air-pollution-anywhere-0316 Low-costdevicecanmeasureairpollutionanywhere低成本设备可以在任何......
    • 2203031124-罗浩
      项目内容课程班级名称链接填写课程班级博客链接作业链接填写作业要求链接博客名称2203031124-罗浩-第一次c语言作业-作业1要求每道题要求有题目,代码(使......
    • Python 中,方括号 [] 表示列表(list), 圆括号 ()则表示元组(tuple)
      在Python中,方括号[]表示列表(list),是一种可变序列类型,可以通过下标访问、修改、添加、删除其中的元素。而圆括号()则表示元组(tuple),也是一种序列类型,不同的是元组是......
    • [转载] Python:使用in判断元素是否在列表(list)中,如何提升搜索效率?
      经常会做的一个操作是使用in来判断元素是否在列表中,这种操作非常便捷,省去了自行遍历的工作,而且因为大多数时候列表数据量比较小,搜索的速度也能满足需求。key_list=[1,......
    • iPhone 11的widget无法显示较大的3x图
      背景widget列表中的预览使用一整张图,并且只提供了3x图片。有用户反馈iPhone11上不显示预览图问题ue提供的资源文件是1080*507大小,iPhone11上widget无法显示这么大尺寸......
    • python中的列表排序
      #列表排序:'''#1.通过sort()方法排序,直接修改原列表defsort_list(list_data,rev=False):L.sort()#reverse默认False升序ifrev:L.sort(reverse=True......
    • C++11lambda表达式精讲
      lambda表达式的概念和基本用法lambda表达式定义了一个匿名函数,并且可以捕获一定范围内的变量。lambda表达式的语法形式可简单归纳如下:[capture](params)opt->......
    • P1145 约瑟夫
      P1145约瑟夫约瑟夫题目描述n个人站成一圈,从某个人开始数数,每次数到m的人就被杀掉,然后下一个人重新开始数,直到最后只剩一个人。现在有一圈人,k个好人站在一起,k个坏......