class 与 html 元素属性

Question

我想创建一个具有 div 元素作为属性的 class

<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);

为什么该属性返回 null 而不是 html div 元素？

Answer 1

您的代码完全可以作为普通的 JavaScript 工作（我刚刚粘贴了 TypeScript 编译的结果）。 您必须缺少诸如脚本执行顺序之类的内容（执行代码时是否存在 div？）。

 "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>