firebase 数据不由 innerHtml = 显示答案

【问题标题】：firebase data are not displayed by innerHtml =firebase 数据不由 innerHtml = 显示
【发布时间】：2018-02-03 21:25:31
【问题描述】：

我开始一个项目并想使用 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;
                });
        }

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

【问题讨论】：

标签： javascript html firebase web firebase-realtime-database

【解决方案1】：

应该是

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

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

【讨论】：