触发器点击在Typescript中 - 属性'click'在'Element'类型上不存在 [英] Trigger click in Typescript - Property 'click' does not exist on type 'Element'

问题描述

我想在Typescript / Reactjs中的HTML元素上触发click事件。

I would like to trigger a click event on a HTML element in Typescript/Reactjs.

let element: Element = document.getElementsByClassName('btn')[0];
element.click();

上面的代码确实有效。但是我收到了一个Typescript错误：

The code above does work. But I'm getting a Typescript error:

ERROR in [at-loader] ./src/App.tsx:124:17
TS2339: Property 'click' does not exist on type 'Element'.

那么这样做的正确方法是什么？

So what would be the correct way to do this?

推荐答案

使用类型 HTMLElement 而不是 元素 即可。 HTMLElement继承自Element。在文档中，您可以找到单击函数在HTMLElement中定义。

Use the type HTMLElement instead of Element. HTMLElement inherits from Element. And in the documentation you can find that click function is defined in the HTMLElement.

将元素转换为HTMLElement通过

Cast your element into the HTMLElement via

let element: HTMLElement = document.getElementsByClassName('btn')[0] as HTMLElement;
element.click();

这篇关于触发器点击在Typescript中 - 属性'click'在'Element'类型上不存在的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！