如何在 typescript 中获取 dom 节点（typescript 文档）

如何在TypeScript中获取DOM节点

在TypeScript中，有一种获取DOM节点的方法。 有许多。 ：

1.直接访问

最直接的方法就是直接访问DOM节点。 示例：

const myElement = document.getElementById('my-id');

2. 使用文档。 .querySelector()

document.querySelector()方法可以通过选择器查询单个DOM节点。 例如：

const myElement = document.querySelector('.my-class');

3. 使用document.querySelectorAll()

document.querySelectorAll()方法，查询通过选择器和 NodeList 对象匹配所有 DOM 节点，例如：

const myElements = document.querySelectorAll('.my-class');

4. 使用#querySelector() 和 Element#querySelectorAll()

也在 DOM 节点本身 > 和 querySelectorAll() 方法上使用。示例：

const myElement = document.getElementById('my-id');const childElement = myElement.querySelector('.child-class');

5. TypeScript 类型断言 您可以对 DOM 节点对象进行类型断言，以强制它们属于特定类型。

const myElement = document.querySelector('.my-class') as HTMLInputElement;