Typescript 如何处理元素（Typescript 元组）

在 TypeScript 中使用元素

TypeScript 允许您通过 DOM（文档对象马苏. 元素。 DOM 提供对 HTML 文档中元素的访问和控制。

获取元素

getElementById(id: string): HTMLElement | null：根据ID获取元素，未找到则返回null 查询选择器（选择器：字符串）：HTMLElement | null：根据CSS选择器获取第一个匹配的元素，如果没有找到则返回null。 querySelectorAll(selector: string): NodeListOf：根据CSS选择器获取所有匹配的元素，并返回NodeList对象。

创建元素

createElement(tagName: string): HTMLElement：创建具有指定标签名称的元素。 createTextNode(text: string): Text：创建文本节点。

插入元素

appendChild(element: HTMLElement): void：将元素作为子元素附加到父元素的末尾。 insertBefore(元素：HTMLElement,referenceElement: HTMLElement): void：将元素插入到父元素中指定的引用元素之前。

删除元素

removeChild(element: HTMLElement): void：从其父元素中删除指定元素。

更改元素的属性

setAttribute(name: string, value: string): void：将元素设置为具有指定的名称和值设置属性。 getAttribute(name: string): string | null：获取元素上指定名称的属性值，如果未找到则返回 null。 removeAttribute(name: string): void：删除元素上具有指定名称的属性。

使用元素样式

style.property = value：直接设置样式属性（例如，style.color = "red"）。 classList.add(className: string)：添加 CSS 类。 classList.remove(className: string)：删除 CSS 类。 classList.toggle(className: string)：根据元素是否存在添加或删除指定的 CSS 类。