javascript - 将脚本排入wordpress插件不起作用

Question

我正在尝试在我的首页插件中添加一个“返回顶部箭头”，例如

https://www.w3schools.com/howto/howto_js_scroll_to_top.asp

我已将 JS 代码放入一个文件并将其排入队列。将 CSS 代码放入队列，最后放入按钮的 HTML 代码

我能够将脚本文件和 CSS 排入队列，因为检查页面我可以看到文件并看到里面的代码。但是该按钮没有出现...检查页面时出现错误：

script.js?ver=5.3.2:9 Uncaught TypeError: Cannot read property 'style' of null
    at scrollFunction (script.js?ver=5.3.2:9)
    at window.onscroll (script.js?ver=5.3.2:5)

如果我将 JS 代码放在带有...的 HTML 页面中，它就完美了。

看起来 JS 代码，当它在一个单独的文件中时，无法初始化变量。

mybutton = document.getElementById("myBtn");

因为还没准备好。

我如何确保在调用document.getElementById?

我是 JS 新手，所以请简单:)