把接口里的数据遍历到html列表里
时间: 2023-05-14 15:04:20 浏览: 116
Jsoup解析HTML实例及文档方法详解
可以使用 JavaScript 中的 forEach() 方法来遍历接口里的数据,并将其添加到 HTML 列表中。以下是一个示例代码:
```
// 假设接口返回的数据是一个数组,存储在变量 data 中
const data = [1, 2, 3, 4, 5];
// 获取 HTML 列表元素
const list = document.querySelector('ul');
// 遍历数据,并将每个元素添加到列表中
data.forEach(item => {
const li = document.createElement('li');
li.textContent = item;
list.appendChild(li);
});
```
这段代码会将数组中的每个元素添加到一个 HTML 列表中。你可以根据实际需求修改代码,例如更改数据源、更改 HTML 元素的样式等。
阅读全文