class with html element property

Question

I want to create a class which has the div element as a property

<div id="corpus"></div>

class ProtoDiv {
    divElement: HTMLDivElement;

    constructor(){
        this.divElement = <HTMLDivElement>document.getElementById("corpus")!;

    }

    getDivElem(this:ProtoDiv){
        console.log(this.divElement)
    }
    
}

const myDiv = new ProtoDiv();

console.log(myDiv.divElement);

why does the property returns null instead of the html div element?

Answer 1

Your code totally works as plain JavaScript (I've just pasted the result of TypeScript transpilation). You must be missing something like the script execution order (does the div exist when the code execute?).

 "use strict"; class ProtoDiv { constructor() { this.divElement = document.getElementById("corpus"); } getDivElem() { console.log(this.divElement); } } const myDiv = new ProtoDiv(); console.log(myDiv.divElement);

 <div id="corpus"></div>