小编Aar*_*itz的帖子

将 JavaScript 对象列表显示为 HTML 列表项

当我尝试这样做时,HMTL 页面只显示最后一个对象,而不是所有对象。

这是我的 JavaScript 文件

var family = {
  aaron: {
    name: 'Aaron',
    age: 30
  },
  megan: {
    name: 'Megan',
    age: 40
  },
  aaliyah: {
    name: 'Aaliyah',
    age: 2
  }
}

var list = function(family) {
  for (var prop in family) {
    var elList = document.getElementById('aaron-family').innerHTML = prop;
  }
}

list(family);
Run Code Online (Sandbox Code Playgroud)

这是我的 HTML 文件

<html>
<head>
  <title>Aaron's Test With Objects</title>
</head>
  <li id="aaron-family">Hey, this is where it goes</li>
<footer>
  <script src="objects.js"></script>
</footer>
</html>
Run Code Online (Sandbox Code Playgroud)

html javascript for-loop object html-lists

3
推荐指数
1
解决办法
2万
查看次数

标签 统计

for-loop ×1

html ×1

html-lists ×1

javascript ×1

object ×1