我们可以使用JavaScript的forEach()方法遍历对象数组,并使用innerHTML属性将属性的值显示在HTML标签中。以下是一个示例解决方法:
HTML代码:
Display Object Array in HTML
JavaScript代码(script.js):
// 创建一个对象数组
var persons = [
{ name: "John", age: 30 },
{ name: "Jane", age: 25 },
{ name: "Bob", age: 40 }
];
// 获取输出的div元素
var outputDiv = document.getElementById("output");
// 遍历对象数组并显示属性的值
persons.forEach(function(person) {
// 创建一个新的p元素
var p = document.createElement("p");
// 设置p元素的文本内容为属性的值
p.innerHTML = "Name: " + person.name + ", Age: " + person.age;
// 将p元素添加到输出的div元素中
outputDiv.appendChild(p);
});
这个示例将遍历persons对象数组,并在输出的div元素中显示每个对象的name和age属性的值。