用js获取不到标签元素

用js获取不到标签元素

问题

心血来潮想写个带音效的页面，结果发现获取不到标签元素。
这么个小问题，对js生疏的我，被折磨了好久。

思路

因为html页面的加载顺序是从上往下加载，因此js的执行代码应该放在需要获取的元素之后。

注意：此时的js脚本是在audio标签之前，因此打印出来的结果为null。

当我把js移到标签之后，成功的获取到了元素。

结论

希望以后再遇到这种问题，能迅速反应过来。了解一些底层的实现原理是很有帮助的。
以上只是测试使用的代码，项目中不推荐将js代码写在html中，一些需要执行的代码，尽量写在</body>之前，避免执行js文件阻塞后续代码运行