js中document的用法

document 是 javascript 中的全局对象，用于与 html 文档交互。主要用途包括：获取和修改 dom 元素监听事件并处理用户交互访问页面元数据存储和检索数据使用方法：document 对象是全局变量，可以直接使用。属性包括documentelement、body、head、cookie、location、title。主要方法包括getelementbyid、getelementsbytagname、createelement、addeventlistener、removeeve

document 在 JavaScript 中的用法

document 对象是浏览器提供的 JavaScript 全局对象，它代表当前打开的 HTML 文档。它提供了一系列方法和属性，用于与 DOM（文档对象模型）交互，从而进行页面操作、表单验证或处理用户交互等操作。

主要用途：

• 获取和修改 DOM 元素
• 监听事件并处理用户交互
• 访问页面元数据（如标题、URL）
• 存储和检索数据（通过 cookie、localStorage）

使用方法：

document 对象自动成为所有浏览器窗口的全局变量。因此，可以像以下这样直接使用它：

document.getElementById("myElement").innerHTML = "Hello World!";

主要属性：

• documentElement：指向 HTML 文档的根元素 (html)。
• body：指向 HTML 文档的身体元素 (body)。
• head：指向 HTML 文档的头元素 (head)。
• cookie：包含当前页面 cookie 的字符串。
• location：提供有关当前页面 URL 和位置的信息。
• title：获取或设置页面的标题。

主要方法：

• getElementById(id)：根据其 ID 获取页面中的元素。
• getElementsByTagName(name)：根据其名称获取页面中所有匹配的元素。
• createElement(element)：创建新元素。
• addEventListener(event, listener)：监听元素上的特定事件。
• removeEventListener(event, listener)：移除事件监听器。
• querySelector(selector)：使用 CSS 选择器获取页面中的元素。
• querySelectorAll(selector)：使用 CSS 选择器获取页面中所有匹配的元素。