Klick in Typoskript auslösen – Eigenschaft „Klick“ existiert nicht für Typ „Element“

Ich möchte ein Click-Event auf ein HTML-Element in Typescript/Reactjs auslösen.

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

Der obige Code funktioniert. Aber ich erhalte einen Typescript-Fehler:

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

Was wäre also der richtige Weg, dies zu tun?

Verwenden Sie den Typ HTMLElement Anstatt von Element. HTMLElement erbt von Element. Und in der Dokumentation finden Sie das click Die Funktion ist im HTMLElement definiert.

Gießen Sie Ihr Element in das HTMLElement via

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

Der richtige (typsichere) Weg ist:

if (element instanceof HTMLElement) {
  element.click();
}

Sie sollten keine erzwungenen Besetzungen verwenden (wie in anderen Antworten vorgeschlagen), es sei denn, Sie Ja wirklich brauche sie.

document
  .querySelectorAll<HTMLElement>('.ant-table-row-expand-icon')
  .forEach(node => node.click())

Verwenden Sie so

(<HTMLElement>document.getElementsByClassName('btn')[0]).click()

Du solltest benutzen ref um auf DOM zuzugreifen.

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

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

Oder Erstellen Sie HtmlEvents und hängen Sie sie an das Dom-Element an.

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

ein ähnliches Problem beim Skripting mit Puppeteer hatte, half Folgendes, den Typ zu beheben: srcTracker:HTMLElement

page.$eval(this.selectorElement,(srcTracker:HTMLElement) => srcTracker.click());

wie erwähnt hierAuch

var buttons = document.getElementsByClassName(
  "btn"
) as HTMLCollectionOf<HTMLElement>;