题解 | #列表动态渲染#
列表动态渲染
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></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 str = '';\r\n people.forEach(element => {\r\n str += `<li>${element.name} ${element.age}岁</li>`;\r\n })\r\n ul.innerHTML = str;\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":"// 请在这里输入代码"}
