【js中document是什么意思】在JavaScript中，`document` 是一个非常重要的对象，它是浏览器文档对象模型（DOM）的核心部分。通过 `document` 对象，开发者可以访问和操作网页的结构、内容和样式。下面是对 `document` 的总结性说明，并附上表格形式的详细解释。
一、
`document` 是 JavaScript 中用于表示当前网页的全局对象，它属于 `window` 对象的一部分。通过 `document`，我们可以获取页面中的元素、修改HTML内容、操作CSS样式、监听事件等。它是实现动态网页交互的基础。
`document` 提供了一系列方法和属性，如 `getElementById()`、`querySelector()`、`createElement()` 等，这些方法帮助我们高效地操作网页内容。同时，`document` 还与 `window`、`location`、`navigator` 等对象紧密相关，共同构成浏览器的脚本环境。
二、表格：`document` 常用属性与方法说明
| 属性/方法 | 说明 | 示例 |
| `document.getElementById(id)` | 根据元素的ID获取元素 | `document.getElementById("myDiv")` |
| `document.querySelector(selector)` | 根据CSS选择器获取第一个匹配的元素 | `document.querySelector(".myClass")` |
| `document.querySelectorAll(selector)` | 获取所有匹配的元素集合 | `document.querySelectorAll("p")` |
| `document.createElement(tagName)` | 创建新的HTML元素 | `document.createElement("div")` |
| `document.write(text)` | 向页面写入文本或HTML | `document.write("Hello")` |
| `document.body` | 获取页面的 `` 元素 | `document.body.style.backgroundColor = "lightblue";` |
| `document.title` | 获取或设置页面标题 | `document.title = "My Page";` |
| `document.URL` | 获取当前页面的URL | `console.log(document.URL);` |
| `document.cookie` | 获取或设置Cookie信息 | `document.cookie = "user=John";` |
| `document.addEventListener(event, function)` | 为文档添加事件监听器 | `document.addEventListener("click", function() { ... });` |
三、小结
`document` 是JavaScript中与网页内容直接交互的核心对象。掌握其常用方法和属性，是开发动态网页和实现用户交互功能的关键。无论是获取元素、创建新内容，还是处理事件，`document` 都提供了强大的支持。理解并熟练使用 `document`，将有助于提升前端开发效率和代码质量。
