/TypeScript/Property 'style' does not exist on type 'Element'.ts(2339)

Property 'style' does not exist on type 'Element'.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 'style' does not exist on type 'Element'.ts(2339)

// Cast to the type of `HTMLElement`
const el = document.getElementById('whatever') as HTMLElement;
el.style.paddingTop = ...;

// Or, if it is an array
const els = document.getElementsByClassName('my-class') as HTMLCollectionOf<HTMLElement>;

Source: stackoverflow.com

Property 'of' does not exist on type 'typeof Observable'.

import { of } from 'rxjs';

Source: stackoverflow.com

Property 'style' does not exist on type 'Element'

const node = document.querySelector<HTMLElement>(element);

Source: github.com

Similar codes

7 votes145 views2 answers
Conditional inline style angular
TypeScript
0 vote185 views2 answers
Test reports in unit tests flutter
TypeScript
0 vote108 views2 answers
How to get both key and value of enum in typescript
TypeScript
1 vote150 views1 answer
Function isEmptyOrSpaces(str){ return str.replace(/\s/g,"") == ""
TypeScript
0 vote205 views1 answer
Express typescript error handling
TypeScript
1 vote151 views2 answers
Htmlspecialchars() expects parameter 1 to be string, object given
TypeScript
0 vote168 views1 answer
Angular date to string format
TypeScript
0 vote156 views1 answer
Stripe typescript
TypeScript
1 vote149 views1 answer
Styled components reset
TypeScript
0 vote177 views1 answer
How to collect array of objects in one value key in laravel
TypeScript