在JavaScript中我有一个数组,其中数组中每个元素都有很多属性,我怎么通过innerHTML输出这个数组的内容,并且每个元素中间换行?
时间: 2024-01-21 18:17:44 浏览: 113
innerHTML中标签可以换行的方法汇总
你可以使用JavaScript的forEach方法遍历数组,然后将每个元素的属性通过innerHTML输出到页面上,每个元素之间加上`<br>`标签实现换行。代码示例如下:
```javascript
const arr = [
{ name: 'Tom', age: 18 },
{ name: 'Jerry', age: 20 },
{ name: 'Mickey', age: 25 }
];
const output = document.getElementById('output');
arr.forEach(element => {
output.innerHTML += `Name: ${element.name}, Age: ${element.age}<br>`;
});
```
在这个示例中,我们首先获取了一个id为`output`的元素,然后使用forEach方法遍历数组中的每个元素,将元素的属性通过innerHTML输出到页面上,并在每个元素之间添加`<br>`标签实现换行。
阅读全文