Is there a way to make TypeScript not throw the error 'TS2339: property value does not exist on type Element' for code like this:
myRow.querySelector('.my-class').value = myVal
Casting as < HTMLInputElement > Causes the code to break entirely.
Typescript seems to not handle things involving the DOM well in general, unless I'm missing something; ie it chooses specific over general for functions that could return any element.
The querySelector method returns Element | null.
If you're not using strictNullChecks then Element, and it doesn't have the value member.
And so casting it to HTMLInputElement as I wrote in my comment works:
let myRow = document.getElementById('my-row');
(myRow.querySelector('.myClass') as HTMLInputElement).value = " a vaule";
The error you are receiving is a result of forgetting the semicolon at the end of the first line, what happens is that the compiler thinks that you're trying to do this:
document.getElementById('my-row')(myRow.querySelector('.myClass') as HTMLInputElement)
Don't forget to end lines with semicolons.
The querySelector method is generic so you can also do:
document.getElementById('my-row').querySelector<HTMLInputElement>('.myClass').value
And in case of strictNullChecks if you're sure the element is there you can use the Non-null assertion operator:
document.getElementById('my-row')!.querySelector<HTMLInputElement>('.myClass')!.value
The other answers here did not help. I found elsewhere and via trial and error that
HTMLElementHTMLElement[]sections: HTMLElement[] = [];
this.sections = someElement.nativeElement.querySelectorAll('li') as HTMLElement[];
I did it like this:
const myClass: HTMLInputElement | null = document.querySelector(".my-class") as HTMLInputElement;
if (myClass) {
myClass.value = myVal;
}
// define
export const $ = <T>(selector, scope = document): T =>
scope.querySelector(selector);
// use
const $account: HTMLInputElement = $("#login-account");
// example tips for .value
const account = $account.value
(myRow.querySelector('.myClass') as HTMLInputElement).value = myValdoesn't work?myRow?