Sometimes, we want to fix “The property ‘value’ does not exist on value of type ‘HTMLElement’” error with TypeScript.

In this article, we’ll look at how to fix “The property ‘value’ does not exist on value of type ‘HTMLElement’” error with TypeScript.

How to fix “The property ‘value’ does not exist on value of type ‘HTMLElement’” error with TypeScript?

To fix “The property ‘value’ does not exist on value of type ‘HTMLElement’” error with TypeScript, we should cast our HTML object to a HTMLInputElement.

For instance, we write

const inputValue = (<HTMLInputElement>document.getElementById(elementId)).value;

to cast the object returned by document.getElementById(elementId) to an HTMLElementInput.

Likewise, we can do the same with as by writing

const inputValue = (document.getElementById(elementId) as HTMLInputElement)
  .value;

Conclusion

To fix “The property ‘value’ does not exist on value of type ‘HTMLElement’” error with TypeScript, we should cast our HTML object to a HTMLInputElement.