文档对象模型 (DOM)
DOM API 是网页文档的编程接口，它以编程方式呈现页面，允许修改文档结构、样式和内容。DOM 将文档表示为对象树，每个对象代表页面的一部分。
JavaScript 中的 DOM 操作
以下是一些在 JavaScript 中进行 DOM 操作的基础知识：
querySelector：这是一个贪婪选择器，它选择匹配指定选择器的第一个元素。
例如：
querySelector("h1")
立即学习“Java免费学习笔记（深入）”；
这将返回整个 HTML 文档中第一个
元素。
querySelectorAll：此方法返回匹配指定选择器的所有元素。
例如：
querySelectorAll("h3")
这将返回一个包含所有
元素的 NodeList。
注意：NodeList 看起来像数组，但两者有显著区别。NodeList 是浏览器 API，而数组是 JavaScript API。NodeList 不是 JavaScript 对象，因此不能直接在其上使用数组方法。
此外，getElementById、getElementsByTagName 和 querySelectorAll 都是浏览器 API，而非 JavaScript 方法。
innerHTML 和 innerText
SnapEdit
AI移除图片中的任何物体
79 查看详情
建议优先使用 innerText 而不是 innerHTML，因为这可以限制他人对脚本的修改。
定位元素的方法
有多种方法可以定位或选择文档中要操作的元素，包括：
按 ID按名称按类名按标签名
注意：我们不应直接使用 ID 或类名从浏览器中选择元素，而是应该使用 querySelector 或 querySelectorAll。
JavaScript 中的关键概念
a) 提升 (Hoisting)：
例如：
console.log(a);var a;a = 5;console.log(a);
在执行期间，第 1 行的 a 将输出 undefined。即使我们没有显式声明 a，它也会在浏览器中被隐式声明，这就是提升。第 4 行的输出将是 5，因为 a 已经被初始化。
b) 闭包 (Closure)：每次创建函数时都会创建一个闭包。
c) 全局执行上下文 (Global Execution Context)：JavaScript 代码不在任何函数内运行的环境。
d) 调用栈 (Call Stack)：当脚本调用函数时，解释器会将其添加到调用栈中，然后开始执行该函数。
我的 GitHub 链接[链接]
以上就是JavaScript 中的 DOM的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/780273.html
微信扫一扫 
支付宝扫一扫 
