如何通过 DOM 而不是通过表来呈现数据

通过 DOM（文档对象模型）呈现数据而不是通过表格，可以使用 HTML 的其他元素来组织和展示数据。以下是一些常见的方法：

1. 使用列表（<ul> 或 <ol>）：将数据项作为列表项呈现，可以使用无序列表 <ul> 或有序列表 <ol>。每个数据项可以是列表项 <li> 元素。
2. 使用段落（<p>）：将每个数据项作为一个段落呈现，可以使用段落 <p> 元素。
3. 使用标题（<h1> 到 <h6>）：根据数据的重要性或层次结构，使用不同级别的标题元素（<h1> 到 <h6>）来呈现数据。
4. 使用自定义元素：你可以创建自己的自定义 HTML 元素来呈现数据，以满足特定的需求。
5. 使用 CSS 进行样式设计：使用 CSS 样式表来美化和布局呈现的数据，使其更具可读性和吸引力。

以下是一个简单的示例，展示如何使用列表来呈现数据：

<ul>
  <li>数据项 1</li>
  <li>数据项 2</li>
  <li>数据项 3</li>
</ul>

在上述示例中，数据项被列在无序列表 <ul> 中，每个数据项是一个列表项 <li>。

你可以根据数据的特点和需求选择适合的元素来呈现，并使用 CSS 来进一步美化和布局。此外，还可以结合 JavaScript 来动态地操作和更新 DOM 中的数据。

请注意，选择合适的方式来呈现数据取决于具体的情况和设计要求。确保数据的呈现方式清晰、易于理解，并符合用户体验的最佳实践。