练习14_对象展示.html 890 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Document</title>
  7. </head>
  8. <body>
  9. <!-- 用列表展示出所有的男同学 -->
  10. <!-- <ul>
  11. <li>姓名:张三</li>
  12. <li>姓名:王五</li>
  13. <li>姓名:王二</li>
  14. </ul> -->
  15. <script>
  16. var userList = [
  17. {
  18. userName:"张三",
  19. sex:"男"
  20. },
  21. {
  22. userName:"李四",
  23. sex:"女"
  24. },
  25. {
  26. userName:"王五",
  27. sex:"男"
  28. },
  29. {
  30. userName:"赵六",
  31. sex:"女"
  32. },
  33. {
  34. userName:"王二",
  35. sex:"男"
  36. },
  37. ];
  38. </script>
  39. </body>
  40. </html>