JavaScript构造函数类中元素的第一个子元素

我很难理解为什么不能正确访问JavaScript类中元素对象的第一个子对象。我可以在没有firstChild的情况下正确设置innerHTML，但我想在firstChild上设置它。使用console.dir（this.waitStatus）显示它有一个firstChild。我没有使用jQuery，因为当我想要运行时，它可能不会被加载，因为它是一个加载指示器

    class LoadingIndicator{

        constructor(elementID){

            this.tick = 8;

            this.waitStatus = document.getElementById(elementID);

            setInterval(
                this.animateLoader.bind(this),
                10
            )        

        }

        animateLoader (){        

            if(this.tick == 8){

                this.waitStatus.firstChild.innerHTML = ".";

            }
            else if(this.tick == 16){

                this.waitStatus.firstChild.innerHTML = "..";

            }else if(this.tick == 24){

                this.waitStatus.firstChild.innerHTML = "...";

                this.tick = 0;

            }

            this.tick += 1;

        }

    }

var supervisorLoadingIndicator = new LoadingIndicator('supervisorsTableLoading');

html

<p id='supervisorsTableLoading' style='width:700px; height:0px; text-align:left; padding-bottom:20px;'>
<span id='supervisorsTableLoadingInner' style='margin-left:30%'>&nbsp;</span>
</p>

firstChild
是一个文本节点（在
之前的换行符使用这个.waitStatus.children[0]，firstChild将返回非元素节点


类装入指示器{
构造函数（elementID）{
这个。滴答=8；
this.waitStatus=document.getElementById（elementID）；
log（this.waitStatus.firstChild）；
设定间隔(
this.animateLoader.bind（this），
10
)        
}
animateLoader（）{
如果（this.tick==8）{
this.waitStatus.children[0].innerHTML=“.”；
}
else if（this.tick==16）{
this.waitStatus.children[0].innerHTML=“…”；
}else if（this.tick==24）{
this.waitStatus.children[0].innerHTML=“…”；
这个。滴答=0；
}
这是1.tick+=1；
}
}
var supervisorLoadingIndicator=新的LoadingIndicator（'SupervisorTableLoading'）；

第一个孩子是一个文本节点（在
之前的换行符，谢谢！不客气。请参阅我在下面添加的关于浏览器兼容性的注释。
class LoadingIndicator {
    constructor(elementID) {
        this.tick = 8;
        this.waitStatus = document.getElementById(elementID);
        setInterval(this.animateLoader.bind(this), 10)        
    }

    animateLoader () {        
        if (this.tick == 8) {
            this.waitStatus.firstElementChild.innerHTML = ".";

        } else if (this.tick == 16) {
            this.waitStatus.firstElementChild.innerHTML = "..";

        } else if (this.tick == 24) {
            this.waitStatus.firstElementChild.innerHTML = "...";
            this.tick = 0;
        }
        this.tick += 1;
    }
}

var supervisorLoadingIndicator = new LoadingIndicator('supervisorsTableLoading');

this.waitStatus.firstElementChild.textContent = "...";