解决 TS2345: Argument of type 'Element' is not assignable to parameter of type 'HTMLElement'.

10 min read

TS2345 错误是 TypeScript 在编译时提示的错误，它表明你传递了一个类型为 Element 的参数给一个只能接收类型为 HTMLElement 的函数或方法。解决这个错误有两种方法：

  1. 使用类型断言将 Element 转换为 HTMLElement 类型
const element: Element = document.querySelector('.my-element');
const htmlElement = element as HTMLElement;
myFunction(htmlElement);

在上面的示例中，我们首先使用 document.querySelector 获取一个 Element 类型的元素，然后使用类型断言将它转换为 HTMLElement 类型，并将其传递给了 myFunction。

  1. 更新函数或方法的参数类型为 Element

如果你无法改变传递参数的类型，那么你可以修改函数或方法的参数类型来接受 Element 类型。例如：

function myFunction(element: Element) {
  // ...
}

在上面的示例中，我们将 myFunction 的参数类型从 HTMLElement 修改为 Element，这样它就可以接收任何类型的元素了。