原因
js文件在head标签里产生的加载顺序问题导致的
解决办法：
1.可以body标签下引入js文件
2.<script type=“text/javascript”>里面加个defer=true属性
注：defer 属性规定是否对脚本执行进行延迟，直到页面加载为止。
js获取不到DOM元素,为null
2021-12-15
847
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
js获取不到DOM元素,为null
目录
相关文章
|
26天前
|
JavaScript
前端开发
Go
CSS 与 JS 对 DOM 解析和渲染的影响
【10月更文挑战第16天】CSS 和 JS 会在一定程度上影响 DOM 解析和渲染，了解它们之间的相互作用以及采取适当的优化措施是非常重要的。通过合理的布局和加载策略，可以提高网页的性能和用户体验，确保页面能够快速、流畅地呈现给用户。在实际开发中，要根据具体情况进行权衡和调整，以达到最佳的效果。
29
1
1
|
12天前
|
JavaScript
前端开发
索引
js中DOM的基础方法
【10月更文挑战第31天】这些DOM基础方法是操作网页文档结构和实现交互效果的重要工具，通过它们可以动态地改变页面的内容、样式和行为，为用户提供丰富的交互体验。
76
49
49
|
13天前
|
JavaScript
前端开发
开发者
.js的dom元素操作
【10月更文挑战第29天】通过灵活运用这些 DOM 元素操作方法，JavaScript 可以实现丰富的网页交互效果，如动态更新页面内容、响应用户操作、创建和删除页面元素等。在实际开发中，开发者可以根据具体的需求和场景，选择合适的 DOM 元素操作方法来实现所需的功能，为用户提供更加流畅和动态的网页体验。
39
4
4
|
13天前
|
JavaScript
前端开发
|
1月前
|
移动开发
JavaScript
前端开发
|
13天前
|
JavaScript
前端开发
API
|
1月前
|
JavaScript
前端开发
容器
|
1月前
|
JavaScript
|
25天前
|
JavaScript
HTML DOM 节点树
HTML DOM 节点是指在 HTML 文档对象模型中，文档中的所有内容都被视为节点。整个文档是一个文档节点，每个 HTML 元素是元素节点，元素内的文本是文本节点，属性是属性节点，注释是注释节点。DOM 将文档表示为节点树，节点之间有父子和同胞关系。
20
3
3
|
25天前
|
JavaScript
HTML DOM 节点
HTML DOM（文档对象模型）将HTML文档视为节点树，其中每个部分都是节点：文档本身是文档节点，HTML元素是元素节点，元素内的文本是文本节点，属性是属性节点，注释是注释节点。节点间存在父子及同胞关系，形成层次结构。
27
3
3
热门文章
最新文章
1
HTML DOM 教程Part1
2
JQuery利用sort对DOM元素进行排序
3
DOM XSS Scanner - Find DOM based XSS Security Vulnerabilities
4
jquery 遍历dom元素
5
Dom4j应用总结
6
React中的Virtual DOM(看这一篇就够了)
7
获取兼容的DOM子节点
8
节点操作,节点属性的操作及DOM event事件
9
jQuery 对象和 DOM 对象
10
DOM中的动态NodeList与静态NodeList
1
js将json字符串还原为json对象
78
2
掌握JavaScript中的二进制运算，提升你的编程技能！
139
3
掌握值类型和引用类型，让你的JavaScript代码更上一层楼！
65
4
深入理解Vue.js中的nextTick：实现异步更新的奥秘
146
5
垃圾回收：JavaScript内存管理的利器
55
6
Web Worker：JavaScript的后台任务解决方案
150
7
函数柯里化：JavaScript中的高级技巧
65
8
Babel：JavaScript代码的编译利器
115
9
抽象语法树（AST）：理解JavaScript代码的抽象语法树
203
10
浏览器与Node.js事件循环：异同点及工作原理
165