javascript - addEventListener 不起作用，总是返回 null

Question

我试图在我的 firebase 中设置一个新值，但总是收到错误Uncaught TypeError: Cannot read property 'addEventListener' of null。 Firebase.js 加载到文件的头部。我必须在代码中更改哪些内容才能使其正常工作？

index.html

<div class="container">     
    <div class="form-group">
        <input type="text" id="txtUsername" class="form-control">
        <input type="text" id="txtBirthday" class="form-control">
        <input type="text" id="txtFn" class="form-control">
        <button id="btUpdateDb" class="btn btn-primary">Update</button>
    </div>
</div>

<script>
    var txtUsername = document.getElementById("txtUsername").value,
        txtBirthday = document.getElementById("txtBirthday").value,
        txtFn = document.getElementById("txtFn").value,
        btUpdateDb = document.getElementById("btUpdateMessage"),
        rootRef = new Firebase("https://test5421234.firebaseio.com"),
        ref = new Firebase("https://test5421234.firebaseio.com/people"),
        usersRef = ref.child("users");

    btUpdateDb.addEventListener("click", function () {
        "use strict";
        usersRef.set(txtUsername);
    });

</script>

Answer 1

您没有正确选择该元素。具体来说，您没有传递按钮的 id。因此你会得到这个错误

此 btUpdateDb = document.getElementById("btUpdateMessage"), 应更改为 btUpdateDb = document.getElementById("btUpdateDb"), 并且它将像魅力。