将数组中的数据生成li插入到ul中

最新推荐文章于 2023-09-24 20:03:16 发布

dyx19971026

最新推荐文章于 2023-09-24 20:03:16 发布

阅读量1.4k

点赞数

分类专栏： JS 文章标签：将ａｒｒ数组中的数据生成ｌｉ列表插入ｕｌ中

本文链接：https://blog.youkuaiyun.com/dyx19971026/article/details/103288253

版权

JS 专栏收录该内容

20 篇文章

订阅专栏

本文介绍了一种使用JavaScript动态生成HTML列表的方法，通过遍历数组arr，将数组中的每个元素转换为<li>标签，并插入到<ul>标签中，实现数据与视图的动态绑定。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

将arr数组中的数据生成li列表插入到ul中

<body>
    <script>
         var arr = [
            {name: 'lili',age:18},
            {name: 'xioamei',age:18},
            {name: 'xiaohua',age:18},
            {name: 'xiaobai',age:18}
    ];
        for (const key in arr) {
           document.write('<li>'+ arr[key].name + ',' + arr[key].age +'</li>');
        } 
    document.write('<ul>');
    
    
    </script>
</body>