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"),，它会像魅力一样发挥作用。

addEventListener无法正常工作，始终返回null

1 个答案: