前端歌谣的刷题之路-第八十五题-列表动态渲染

前言

我是歌谣我有个兄弟巅峰的时候排名c站总榜19 叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了从头再来歌谣的意志是永恒的放弃很容易但是坚持一定很酷本题目源自于牛客网微信公众号前端小歌谣

题目

请补全JavaScript代码，将预设代码中的"people"数组渲染在页面中。实现下面的列表：

牛油1号 20岁

牛油2号 21岁

牛油3号 19岁

核心代码

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>列表动态渲染</title>
</head><body><!-- 请补全JavaScript代码，将预设代码中的"people"数组渲染在页面中。实现下面的列表：牛油1号 20岁牛油2号 21岁牛油3号 19岁 --><ul></ul><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');let dom = '';     for(let i=0; i<people.length; i++){dom += '<li>'+people[i].name+people[i].age+'岁</li>'}ul.innerHTML = dom // 补全代码</script>
</body></html>

总结

类似于低八十二题利用dom直接create和innerHtml赋值

前端歌谣的刷题之路-第八十五题-列表动态渲染相关推荐

前端歌谣的刷题之路-第一百四十五题-双列布局-flex
前言我是歌谣我有个兄弟巅峰的时候排名c站总榜19 叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了从头再来歌谣的意志是永恒的 ...
Python之路【第十五篇】：Web框架
Python之路[第十五篇]:Web框架 Web框架本质众所周知,对于所有的Web应用,本质上其实就是一个socket服务端,用户的浏览器其实就是一个socket客户端. 1 2 3 4 5 6 7 ...
力扣第十五题-三数之和
前言力扣第十五题三数之和如下所示: 给你一个包含 n 个整数的数组 nums,判断 nums 中是否存在三个元素 a,b,c ,使得 a + b + c = 0 ?请你找出所有和为 0 且不重复 ...
第五章第三十五题（加法）(Summation)
第五章第三十五题(加法)(Summation) *5.35(加法)编写程序,计算下面的和. *5.35(Summation) Write a program to compute the follow ...
第六章第十五题（金融应用：打印税表）(Financial application: print a tax table)
第六章第十五题(金融应用:打印税表)(Financial application: print a tax table) *6.15(金融应用:打印税表)程序清单3-5给出了计算税款的程序.使用税款的 ...
华为机试第十五题：HJ15 求int型正整数在内存中存储时1的个数
华为机试第十五题:HJ15 求int型正整数在内存中存储时1的个数一.网址链接二.题目描述 ①描述 ②输入描述 ③输出描述 ④示例一 ⑤示例二三.代码实现 ①Java代码实现 ②C++代码实现 ...
世界是有生命的（通向财富自由之路学习笔记十五）
最近因为工作调度的事情,有了一段空闲的日子,有比较多的时间来回望自己走过的路以及如何走好以后的路.之前忙得很少时间来写博文,很少时间来写读书笔记,逐渐将自己一些很好的习惯丢弃了.从今天起将重拾写博文的 ...
真题详解（哈希表）-软件设计（八十五)
真题详解(树的结点)-软件设计(八十四)https://blog.csdn.net/ke1ying/article/details/130869095 要求邮件加密方式传输,邮件最大附件内容可达500 ...
前端歌谣的刷题之路-第一百二十六题-浮动
前言我是歌谣我有个兄弟巅峰的时候排名c站总榜19 叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了从头再来歌谣的意志是永恒的 ...

前端歌谣的刷题之路-第八十五题-列表动态渲染

前言

题目

核心代码

总结

前端歌谣的刷题之路-第八十五题-列表动态渲染相关推荐

最新文章

热门文章