/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

2 votes110 views1 answer
Ps1 powershell script
TypeScript
1 vote114 views1 answer
Convert string to uppercase typescript
TypeScript
1 vote109 views1 answer
Nextjs hot reload not working after file change
TypeScript
0 vote102 views1 answer
Python sort list according to two elements in tuple
TypeScript
42 votes143 views10 answers
Youtube
TypeScript
3 votes109 views4 answers
Html collection of elements to array
TypeScript
0 vote113 views1 answer
This expression is not callable. typescript angular 11 socket.io
TypeScript
0 vote112 views1 answer
React Draft Wysiwyg typescript
TypeScript
5 votes120 views3 answers
How to reload same page in angular 8
TypeScript
1 vote70 views1 answer
How to find array length
TypeScript