Javascript onload事件未触发-JS

问题

所以，我的问题是，当我调用我的

window.onload=app.setup

时，我想将0附加到类为

min

和

sec

的元素中

我得到的

<h1><span class="min"></span> : <span class="sec"></span></h1>

@导入url（'https://fonts.googleapis.com/css?family=Roboto:400,500');
* {
保证金：0；
填充：0；
}
*：：选择{
背景色：#333；
颜色：#fff；
}
.集装箱{
宽度：60%；
保证金：0自动；
}
.钟{
填充：20px；
文本对齐：居中；
}
.时钟h1{
颜色：#333；
字体：500 1.8em机器人；
}
.控制{
文本对齐：居中；
填充：20px；
}
.输入{
宽度：40%；
利润率：10px；
填充：14px；
边界：无；
大纲：无；
字体：400 1em Roboto；
边框底部：3倍实心#fff；
过渡：边框颜色200ms缓进缓出；
-webkit过渡：边框颜色200ms易入易出；
-o型过渡：边框颜色200ms缓进缓出；
-moz过渡：边框颜色200ms缓进缓出
}
.投入投入：重点{
边框颜色：#333；
}
.按钮{
填充：10px；
}
.按钮{
填充：15px；
宽度：20%；
利润率：10px；
边界：无；
大纲：无；
颜色：#fff；
字体：500 1em Roboto；
光标：指针
}
.按钮按钮：第n个子项（1）{
背景色：rgba（0,0,200,0.6）；
}
.按钮按钮：第n个子项（2）{
背景色：rgba（0,200,0,0.6）；
}
.按钮按钮：第n个子项（3）{
背景色：rgba（200,0,0,0.6）；
}

波莫多罗钟
: 

文档。GetElementsByCassName

返回一个

HTMLCollection

（多个元素），而不仅仅是一个元素

试试这个：

setup() {
    document.getElementsByClassName("min")[0].innerHTML = this.mins.toString();
    document.getElementsByClassName("sec")[0].innerHTML = this.secs.toString();
}

另外，由于您试图访问

setup

函数中

Main

类的属性，因此必须将

Main

实例绑定到该函数

window.onload = app.setup.bind(app);

---

您是否查看了浏览器控制台中的错误？我想没有错误，因为它是一个事件处理程序，

此

将引用

窗口

。否则它会抛出一个错误。换句话说：当调用

app.setup

时，

this

不引用

app

。相关：这不是唯一的问题（

app.setup

调用不正确）@FelixKling为什么不呢？因为

这个

将是

未定义的

或

窗口

。@Siddharthand:不要在你的问题中包含答案的解决方案。这会使答案无效。@FelixKling你说得对，他正在

设置

函数中访问

this.mins

和

this.secs

。

window.onload = app.setup.bind(app);