"此文档是关于JavaScript DOM（文档对象模型）节点API的个人总结，主要涵盖了DOM中的核心概念和常用方法。"
在JavaScript中，DOM（Document Object Model）是一种标准，用于表示HTML或XML文档的结构，并允许编程语言如JavaScript与这些文档进行交互。DOM将整个文档视为一个树形结构，其中每个部分都是一个节点。以下是对文档中提到的一些关键DOM节点API的详细解释：
1. doctype：这是一个特殊的节点，表示文档类型声明，例如`<!DOCTYPE html>`。在JavaScript中，`document.doctype`返回这个声明的Doctype对象。
2. documentElement：这是文档的根节点，对于HTML文档来说，通常是`<html>`元素。`document.documentElement`可以获取这个根元素。
3. defaultView：这个属性返回`document`所在`window`对象，即浏览器窗口，提供了与用户交互的能力，如打开新窗口、滚动等。
4. body 和 head：`document.body`返回文档的`<body>`元素，包含页面的主要内容；而`document.head`返回文档的`<head>`元素，包含元数据如标题、脚本和样式表。
5. activeElement：这个属性返回当前拥有焦点的元素，例如用户正在输入的文本框。
6. 节点集合属性：
- `document.links`：返回文档中所有`<a>`元素，通常用于链接导航。
- `document.forms`：返回所有表单元素，方便对表单数据的操作。
- `document.images`：返回所有图像元素，可以用来遍历和操作页面上的图片。
- `document.embeds`：返回所有嵌入对象，如Flash或PDF。
- `document.scripts`：返回文档中的所有脚本元素，可用于动态加载或修改脚本。
- `document.styleSheets`：返回当前页面的所有样式表，用于动态修改页面样式。
7. 文档信息属性：
- `document.documentURI`：返回当前文档的完整URL。
- `document.URL`：与`documentURI`类似，也返回文档的URL。
- `document.domain`：返回文档的域名部分，常用于跨域安全设置。
- `document.lastModified`：返回文档最后一次被修改的时间戳。
- `document.location`：返回`Location`对象，提供了访问和修改当前URL的能力。
- `document.referrer`：返回访问当前页面的来源URL。
- `document.title`：获取或设置文档的标题，显示在浏览器标签页上。
- `document.characterSet`：返回文档的字符编码，如UTF-8或ISO-8859-1。
- `document.readyState`：返回文档的加载状态，如"loading"、"interactive"或"complete"。
- `document.designMode`：设置或获取文档的编辑状态，可让整个文档变为可编辑。
- `document.compatMode`：返回浏览器如何处理文档的模式，如"CSS1Compat"（标准模式）或"BackCompat"（怪异模式）。
- `document.cookie`：用于操作文档的Cookie，可以读取、设置或删除Cookie。
8. 读写方法：文档中提到了一些读写方法，但未具体列出。常见的有`innerHTML`用于获取或设置元素的HTML内容，`textContent`用于获取或设置元素的纯文本内容，以及`appendChild`、`removeChild`、`setAttribute`等用于修改文档结构和属性的方法。
以上只是DOM API的一部分，实际使用中还有更多属性和方法，如选择元素的`querySelector`和`querySelectorAll`，遍历节点的`childNodes`和`parentNode`，以及事件处理相关的`addEventListener`和`removeEventListener`等。理解并熟练运用DOM API是JavaScript开发者必备的技能之一，它使得我们可以动态地创建、修改和操纵网页内容。
我的内容管理
展开
