Javascript Firebase实时数据库赢得'；行不通

我跟踪了整个过程 视频教程。这是我看完教程后写的代码

<h1 id="one"></h1>


<script src="https://www.gstatic.com/firebasejs/3.3.0/firebase.js"></script>
<script>
  // Initialize Firebase
  var config = {
    apiKey: "AIzaSyCMhmAMbUwmZLQFG9EZLgnbmOJVabdfNvU",
    authDomain: "test-24e84.firebaseapp.com",
    databaseURL: "https://test-24e84.firebaseio.com",
    storageBucket: "test-24e84.appspot.com",
  };
  firebase.initializeApp(config);

  var one = document.getElementsById('one');
  var dbref = firebase.database().ref().child('text');
  dbref.on('value', snap => one.innerText = snap.val());
</script>

//初始化Firebase
变量配置={
apiKey：“Aizasycmhmmambuwmzlqfg9ezlgnbmojvabdfnvu”，
authDomain:“test-24e84.firebaseapp.com”，
数据库URL:“https://test-24e84.firebaseio.com",
storageBucket:“test-24e84.appspot.com”，
};
firebase.initializeApp（配置）；
var one=document.getElementsById（'one'）；
var dbref=firebase.database（）.ref（）.child（'text'）；
dbref.on（'value'，snap=>one.innerText=snap.val（））；

编写代码后，我在chrome浏览器中执行html文件。然而，我在屏幕上看不到任何文本（只是空白，没有区别）

---

怎么了？如何使代码运行

失败，因为

document.getElementsById

不是函数；它是

document.getElementById