题解 | #列表动态渲染#
列表动态渲染
https://www.nowcoder.com/practice/347e2e88f11a4b0c89157568f26ea126
{"html":"<!DOCTYPE html>\r\n<html lang=\"en\">\r\n <head>\r\n <meta charset=\"UTF-8\">\r\n </head>\r\n <body>\r\n <ul style='list-style:none;'></ul>\r\n\r\n <script>\r\n var people = [\r\n { name: '牛油1号', id: 1, age: 20 },\r\n { name: '牛油2号', id: 2, age: 21 },\r\n { name: '牛油3号', id: 3, age: 19 },\r\n ]\r\n var ul = document.querySelector('ul');\r\n // 补全代码\r\n let arr=[]\r\n people.forEach((item)=>{\r\n arr.push({name:item.name+' '+item.age})\r\n })\r\n arr.forEach((item,index)=>{\r\n let li=document.createElement('li')\r\n li.innerHTML=`${item.name}`\r\n ul.append(li)\r\n })\r\n </script>\r\n </body>\r\n</html>","css":"/* html, body {\\n\\twidth: 100%;\\n\\theight: 100%;\\n\\tmargin: 0;\\n\\tpadding: 0;\\n} */","js":"// 请在这里输入代码"}