javascript - 添加事件侦听器时出错，说元素为空

Question

我正在删除内联事件处理程序并用事件侦听器替换它们。页面加载时出现错误消息TypeError: document.getElementById(...) is null。我究竟做错了什么？

//adding function listeners
var inputEl = document.getElementById('us');
inputEl.addEventListener('keyup', availability, false); // error here

function availability(name, availabilityDiv)
{
    var name = document.getElementById('us').value;
        //code sniped
}

<input type="text" name="us" id="us" />

我知道我的代码很奇怪，所以让我解释一下。我想在每次将字符输入到输入字段时调用一个函数，并且我希望输入的字符作为参数传递给函数。如果有更好的方法来做到这一点，请告诉。

Answer 1

如果您将脚本放在标题中，那么它必须在onload事件上运行

前任

window.onload = function(){

    //adding function listeners
    var inputEl = document.getElementById('us');
    inputEl.addEventListener('keyup', availability, false); // error here

    function availability(name, availabilityDiv)
    {
        var name = document.getElementById('us').value;
            //code sniped
    }

}