/TypeScript/Property "'element'" does not exist on type 'htmlelement'.ts(2339)

Property "'element'" does not exist on type 'htmlelement'.ts(2339)

Property 'value' does not exist on type 'HTMLElement'.

document.getElementById() returns the type HTMLElement which does not contain a value property.
The subtype HTMLInputElement does however contain the value property.

So a solution is to cast the result of getElementById() to HTMLInputElement like this:

var inputValue = (<HTMLInputElement>document.getElementById(elementId)).value;
<> is the casting operator in typescript.
See TypeScript: casting HTMLElement: https://fireflysemantics.medium.com/casting-htmlelement-to-htmltextareaelement-in-typescript-f047cde4b4c3

The resulting javascript from the line above looks like this:

inputValue = (document.getElementById(elementId)).value;
i.e. containing no type information.

Source: fireflysemantics.medium.com

Property 'on' does not exist on type 'HTMLElement'.

To prevent this error you can write:

var plotDiv: any = document.getElementById('myDiv');
plotDiv.on('plotly_relayout', ...
document.getElementById('myDiv') return HTMLElement. This type doesn't contain method
on because this method is added within plotly-latest.min.js. So in order to silence
the typescript warning you can explicity say compile not to check types for plotDiv

Another way is create type definition like:

interface PlotHTMLElement extends HTMLElement  {
  on(eventName: string, handler: Function): void;
}

var plotDiv  = <PlotHTMLElement>document.getElementById('myDiv')
plotDiv.on('plotly_relayout', function() {

});

Property "'element'" does not exist on type 'htmlelement'.ts(2339)

// For getting `.elements` with forms you need to cast as:
// `HTMLFormElement`

const form = document.getElementById('my-id') as HTMLFormElement;

Similar codes

0 vote280 views1 answer
Get elements by id like jquery
TypeScript
1 vote336 views2 answers
Ffmpeg batch convert ts to mp4 files in a folder
TypeScript
0 vote289 views2 answers
Django query to return User whose first name starts with j or last name starts with h
TypeScript
0 vote347 views1 answer
Jupyter notebook create table
TypeScript
0 vote285 views1 answer
Filename requests python
TypeScript
1 vote334 views1 answer
Regex ts
TypeScript
0 vote295 views1 answer
How to use aspects in spring boot
TypeScript
0 vote261 views1 answer
Laravel validation check if id exists in table
TypeScript
0 vote282 views1 answer
Surround substring with quotes
TypeScript
1 vote273 views1 answer
Start blender from terminal
TypeScript