"Property 'value' does not exist on type 'EventTarget & Element'." Code Answer's

property 'name' does not exist on type 'eventtarget' react

By ZionLloyd on Jul 03, 2020

// If you have to use event.target itself, you would have to cast the object:

const { name } = event.target as HTMLButtonElement;

Source: stackoverflow.com

Add Comment

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

By Vivacious Vendace on Oct 17, 2020

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

Add Comment

Property 'value' does not exist on type 'EventTarget & Element'.

By Salo Hopeless on Dec 23, 2020

(e.target as HTMLButtonElement).value

Add Comment

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

By Vivacious Vendace on Jan 21, 2021

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

});

Add Comment

REACT TS roperty 'value' does not exist on type 'EventTarget & Element'

By ProMikeSundays on Nov 17, 2020

@Zyon Lyod has already provided the code and some explanation but i will add
more details:
The problem is that not all html events have the value property. And thus not all
event.target have that property since event.target is a generic html element
so you need to cast to the html element that you are using
You are welcome,

Add Comment