Javascript 从Firebase实时数据库中提取数据

我正试图从我的实时数据库中以列表的形式提取数据，我可以将其样式化为一个领导委员会，但在连接它时遇到了问题。显示的错误是

document.getElementById

不是函数，并且

window.onload（FetchAllData（））不是一个函数

这是我的数据库的布局：

这是我的javascript=


函数addItemsToList（名称、分数）{
var ul=document.getElementsById（'highScoresList'）；
var header=document.createElement（'h2'）；
var header=document.createElement（'li'）；//显示的高分数
var header=document.createElement（'li'）；
var header=document.createElement（'li'）；
var header=document.createElement（'li'）；
var header=document.createElement（'li'）；
var header=document.createElement（'li'）；
var header=document.createElement（'li'）；
var header=document.createElement（'li'）；
var header=document.createElement（'li'）；
var header=document.createElement（'li'）；
header.innerHTML='Highscores-'+（++scores）
_name.innerHTML='name:'+name；
_score.innerHTML='score:'+score；
附加子项（标题）；
ul.附加子项（_名称）；
ul.儿童（_分数）；
}
//从数据库中调用数据
函数FetchAllData（）{
firebase.database（）.ref（'scores'）。once（'value'，function（snapshot）{//快照是特定数据库引用在单个时间点上的数据图片
snapshot.forEach(
功能（儿童快照）{
让name=ChildSnapshot.val（）.name；
让分数=ChildSnapshot.val（）.score；
addItemsToList（姓名、分数）；
}
)
})
}
onload（FetchAllData（））

高分


您的js代码中有语法错误。这就是发生上述错误的原因

函数
addItemsToList
的第一行应该这样更改

var ul=document.getElementById('highScoresList');

它不是
getElementsById
。它是
getElementById
<代码>应从功能中删除

您不能像这样在
窗口上调用函数。onload
。（请参阅）改用以下方法

window.onload = () => FetchAllData();

或

谢谢你我已经设法让它工作了
window.onload = () => {
    console.log('Onload function called');
    FetchAllData();
}