不带项目符号的列表 HTML - TypeScript

在 HTML 和 TypeScript 中，可以使用无序列表（不带项目符号的列表）来呈现一组相关的项。以下是如何使用无序列表在 HTML 和 TypeScript 中创建不带项目符号的列表。

HTML

在 HTML 中，无序列表使用<ul>标签表示。每个列表项使用<li>标签表示。以下是一个简单的示例：

<ul>
  <li>苹果</li>
  <li>香蕉</li>
  <li>草莓</li>
  <li>桃子</li>
</ul>

这将产生以下输出：

• 苹果
• 香蕉
• 草莓
• 桃子

请注意，无序列表项默认使用圆点符号。如果要更改项目符号，请使用 CSS 样式。

TypeScript

在 TypeScript 中，可以使用数组和循环来创建无序列表。以下是一个示例：

let fruits: string[] = ["苹果", "香蕉", "草莓", "桃子"];

let ul: HTMLUListElement = document.createElement("ul");

for (let fruit of fruits) {
  let li: HTMLLIElement = document.createElement("li");
  li.textContent = fruit;
  ul.appendChild(li);
}

document.body.appendChild(ul);

这将在页面上创建一个不带项目符号的列表，其中包含数组中的所有水果。

总结

无序列表是一种在 HTML 和 TypeScript 中呈现一组相关项的常见方法。无序列表使用<ul>标签在 HTML 中表示，每个列表项使用<li>标签表示。在 TypeScript 中，可以使用数组和循环来创建无序列表。