为什么javascript代码无法读取到函数类型（ Uncaught TypeError）？
绑定了一个事件addEventListener，但是调试的时候报错，显示Uncaught TypeError: Cannot read property 'addEventListener' of null，类型错误。不知道错在哪里，也不知道如何定位。
报错的是如下代码段：
function init() {
// 在这下面给add-btn绑定一个点击事件，点击时触发addBtnHandle函数
document.getElementById("add-btn").addEventListener("click", addBtnHandle)
// 想办法给aqi-table中的所有删除按钮绑定事件，触发delBtnHandle函数
document.getElementById("aqi-table").addEventListener("click", function(event){
if(event.target.nodeName.toLowerCase() === 'button') delBtnHandle.call(null, event.target.dataset.city);
})}
全部的代码地址：http://louislee0229.github.io/louisIFE/task16/task16
展开
收起
1
条回答
写回答
写回答
-
你的这段代码在head中定义并立即执行，也就是下面body的元素都还没有生成，所以document.getElementById("add-btn")返回的都是null。
解决问题你需要，
要不把script放在body末尾
要不把把执行放在onload事件中
以后如何解决自己独立调试：
看懂报错信息，这里明显的告诉你了调用addEventListener的对象为null，那么肯定就是两个getElementById找不到元素，然后去看为什么找不到。因为这里你是链式调用，所以为了找出中间是哪步出了错，你可以把代码段（如：document.getElementById("add-btn")）直接copy出来放在console中跑跑看结果。2019-07-17 18:59:34赞同 展开评论 打赏
问答分类：
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
问答排行榜
最热
最新
推荐问答
