记一次编写tampermonkey脚本出错日记：failed! Cannot read properties of undefined (reading 'addEventListener')

原因

因为有了需求，所以第一次编写tampermonkey(油猴)脚本，都是百度慢慢一点点写的，但是呢在本地网页加载后将编写好的代js代码加载到console，可以完成我想要的效果，但是呢移植到油猴平台就不行，一直报错，报错如下图，最后发现居然是油猴在加载我编写的js脚本时，整个网页的元素还没有完全加载网站完成，导致检测不到这个对应的节点按钮元素，addEventListener就无法读取监测。很遗憾的就如下图给我报错了一个：ERROR: Execution of script 'xxx' failed! Cannot read properties of undefined (reading 'addEventListener')

大家也可以看看我的代码，写得比较简陋，不太会前端，代码水准不要吐槽我。

解决方法

最后我的解决方法就是将想要实现功能的代码写在window.onload内，这个方法用于在网页加载完毕后立刻执行的操作，即当 HTML 文档加载完毕后，立刻执行某个方法。下面就是我修改后的代码，可以成功运行。

最后解决效果也尽如人意。

总结

总的来说，只要前端经验好一点的，基本上都能第一时间反应知道怎么解决，也就是说归根结底我前端掌握得不行，看来以后要多学习学习前端知识了。