用js获取不到标签元素

用js获取不到标签元素

问题

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

思路

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

用js获取不到标签元素
注意:此时的js脚本是在audio标签之前,因此打印出来的结果为null。

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

结论

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