Question

我开始一个项目，并希望使用firebase数据库来存储数据。我能够保存和加载数据但不能在html页面中显示它们。我是javaScript新手，所以我真的不知道什么是错的。

function loadArticle(articleId) {
            return firebase.database().ref('/articles/' + articleId)
                .once('value', function(snapshot) {
                    console.log(snapshot.val().headline);
                    console.log(document.getElementById("headline") != null);

                    document.getElementById("headline").innerHtml = snapshot.val().headline;
                    document.getElementById("article").innerHtml = snapshot.val().text;
                });
        }

加载数据并且标题元素不为空，但其文本不会更改。

Answer 1

应该是

document.getElementById("headline").innerHTML = snapshot.val().headline;
...

也许你应该在这里查看更多信息：https://developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML

innerHtml =不显示firebase数据

1 个答案: