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

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

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() {

});

Similar codes

1 vote139 views1 answer
Vuetify row center vertically
Html
76 votes127 views6 answers
Color Code
Html
0 vote112 views4 answers
Select2 make previously selected options non deletable
Html
0 vote114 views1 answer
Image carousel output
Html
2 votes114 views2 answers
Html with emoji
Html
1 vote120 views1 answer
How to make text big on big screens and smaller and smaller screen html
Html
1 vote105 views2 answers
Html meta charset content ie edge
Html
25 votes109 views1 answer
Html add page to document
Html
9 votes115 views3 answers
V-bind
Html
0 vote74 views1 answer
Resource not found http code
Html