JavaScript的document对象是DOM（文档对象模型）的核心接口，代表整个HTML或XML文档的入口点，作为浏览器环境中window对象的属性（即window.document）存在。
它既是网页内容的编程接口，也是动态操作页面的关键桥梁。
核心特性与功能
DOM树访问与操作
document对象以树形结构组织页面元素，其层级关系与HTML标签声明顺序一致，例如<html>作为根节点，<body>和<head>作为子节点。通过方法如
getElementById()、querySelector()等可直接定位元素，而createElement()和appendChild()支持动态修改DOM结构。文档信息管理
提供属性如document.title（页面标题）、document.URL（当前地址）、document.cookie（读写Cookie）等，用于获取或设置文档元信息。document.readyState则标识文档加载状态（如"loading"或"complete"）。事件处理与交互
作为全局事件监听中心，可通过addEventListener()绑定点击、键盘等事件，实现用户交互逻辑。例如监听整个文档的点击事件：
document.addEventListener('click', (event) => console.log(event.target));应用场景与注意事项
动态内容生成：如通过
document.write()实时插入内容，但需注意滥用可能导致性能问题或页面覆盖。兼容性与加载时机：操作DOM前需确保文档加载完成（监听
DOMContentLoaded事件），避免因元素未渲染而报错。现代框架的底层依赖：尽管React/Vue等框架封装了DOM操作，底层仍依赖document对象实现渲染。
扩展类型支持
除HTML文档外，document对象还可表示XML或SVG文档，通过HTMLDocument、XMLDocument等子类型提供差异化功能。
例如，SVG文档特有的createSVGElement()方法。