如何从 ul 中删除点 - TypeScript

在 TypeScript 中，删除一个无序列表（ul）中的一个点（li）非常简单。以下是实现这一目标的步骤：

步骤1：获取要删除的点的引用

首先，我们需要获取要删除的点的引用。 我们可以使用 querySelector() 方法或 getElementById() 方法等 DOM API 中的方法来获取该引用。

const listItem = document.querySelector("#listItem"); // 获取要删除的点的引用

步骤2：从 ul 中删除该点

一旦我们获取了要删除的点的引用，我们只需从父 UL 元素中将该点删除即可。我们可以使用 removeChild() 方法来实现这一目标：

const listItem = document.querySelector("#listItem"); // 获取要删除的点的引用
const list = listItem.parentNode; // 获取父元素（ul）
list.removeChild(listItem); // 从 ul 中删除该点

完整代码

下面是完整的 TypeScript 代码片段，该代码会从具有“listItem”ID的 ul 元素中删除一个点：

const listItem = document.querySelector("#listItem"); // 获取要删除的点的引用
const list = listItem.parentNode; // 获取父元素（ul）
list.removeChild(listItem); // 从 ul 中删除该点

结论

只需使用上面的简单步骤，就可以轻松地从 TypeScript 中的无序列表中删除一个点。快乐编程！