Javascript 为什么此代码在我的浏览器中不起作用？

如果我在我的浏览器（chrome）中运行以下代码，它将无法工作。但是，在stackoverflow预览编译器中运行此代码时，它可以工作。谁能给我解释一下原因吗

代码应该更改div元素的背景色

我的目标是使用js更改div的颜色。我还尝试更改标签的值，但也没有成功。JS在不改变颜色（或文本）的情况下工作，因为它会在最后触发警报。文档成功加载后也会调用该代码

函数加载（）{
var div=document.getElementById（'div1'）；
var label=document.getElementById（“标签”）；
//div.style.background=“绿色”；
//label.value=“ml”；
警报（“hi”）；
}
document.addEventListener（load，load（））
正文{
背景：#24313E；
字体系列：arial；
颜色：#f2f4；
}
#第一组{
背景：红色；
宽度：400；
身高：400；
}

盘旋我
您好
您应该将函数引用传递给document.addEventListener。
此外，所需的事件名称为“DOMContentLoaded”

ie使用
文档.addEventListener（“DOMContentLoaded”，load）而不是
文档。添加了EventListener（“加载”，加载（））

我认为它在Stackoverflow上工作的原因是，当调用load（）时，html部分已经加载，因此选择器可以工作
尝试使用
“DOMContentLoaded”
而不是
“load”
。它工作的原因是调用了load（）并且html代码已经加载。因此，标签没有值，因此您无法更改它。您可能想更改其内部HTML。另外，
“load”
或
“domcontentload”
作为字符串而不是变量引用。是的，就是这样。非常感谢。