/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

109 votes212 views10 answers
Thank you coronavirus helpers
Html
0 vote204 views1 answer
Jquery download text in html element new line
Html
-1 vote204 views1 answer
Html vertical text in table cell
Html
27 votes217 views6 answers
How to center align text in html
Html
3 votes206 views1 answer
How to add country flag in html
Html
0 vote189 views1 answer
Html hoover text
Html
4 votes214 views2 answers
Ionic route navigation
Html
0 vote211 views1 answer
Html overflow with span
Html
0 vote210 views1 answer
Lightweight charts cdn
Html
1 vote262 views2 answers
Send a SMS Text From A Link - the new code
Html