首页html页面遍历map，不用js

html页面遍历map，不用js

时间: 2023-06-29 07:15:00 浏览: 143

在 HTML 页面上遍历 Map 不使用 JavaScript 是不可能的，因为 Map 是 JavaScript 中的一种数据结构，只能使用 JavaScript 代码来访问和操作。如果你想在 HTML 页面上显示 Map 中的数据，你仍然需要使用 JavaScript 和 HTML 的结合。你可以使用 JavaScript 中的 `Map` 对象的 `forEach` 方法来遍历 Map，然后将遍历结果显示在 HTML 页面上。以下是一个示例： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>遍历 Map</title> </head> <body> <ul id="list"></ul> <script> const map = new Map([ ['key1', 'value1'], ['key2', 'value2'], ['key3', 'value3'] ]); const list = document.getElementById('list'); map.forEach((value, key) => { const li = document.createElement('li'); li.textContent = `${key}: ${value}`; list.appendChild(li); }); </script> </body> </html> ``` 在这个示例中，我们使用了 JavaScript 的 `Map` 对象的 `forEach` 方法遍历了 Map 中的键值对，并将遍历结果显示在了 HTML 页面的一个 `ul` 元素中。在 HTML 页面中，我们仍然需要使用 JavaScript 来访问和操作 Map，因为 HTML 本身不支持 Map 数据结构。

阅读全文