在Typescript中觸發點擊 - Property'click'在類型'Element'上不存在

Question

我想在Typescript/Reactjs中的HTML元素上觸發單擊事件。

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

上面的代碼確實有效。但我得到一個Typescript錯誤：

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

那麼這樣做的正確方法是什麼？

Answer 1

使用類型HTMLElement，而不是Element。 HTMLElement從Element繼承。在文檔中你可以發現HTMLElement中定義了click函數。

你要把你的元素插入HTML元素通過

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

Answer 2

您應該使用ref訪問DOM。

<button ref={button => this.buttonElement = button} /> 
In your event handler: 

this.buttonElement.click();// trigger click event 

或者，創建HtmlEvents並附加到dom元素。

var event = document.createEvent("HTMLEvents"); 
event.initEvent("click", true, true); 
var button = document.getElementsByClassName('btn')[0]; 
button.dispatchEvent(event);