document的方法详解

在JavaScript中，`document`是一个全局对象，它代表了整个HTML文档或XML文档。这个对象提供了一系列用于操作网页内容、导航、样式以及事件处理的方法。以下是一些常见的`document`方法：

1. `getElementById(id)`: 根据元素的id获取对应的DOM元素。

   var element = document.getElementById("example");

2. `getElementsByTagName(name)`: 获取所有指定标签名的元素集合。

   var elements = document.getElementsByTagName("p");

3. `querySelector(querySelectorString)`: 使用CSS选择器查询并返回匹配的第一个元素。

   var element = document.querySelector(".class-name");

4. `querySelectorAll(querySelectorString)`: 返回所有匹配给定选择器的节点列表。

   var elements = document.querySelectorAll(".class-name");

5. `createElement(tagName)`: 创建一个新的HTML元素。

   var newElement = document.createElement("div");

6. `appendChild(element)`: 将一个元素添加到另一个元素的子元素列表的末尾。

   parentElement.appendChild(newElement);

7. `removeChild(childElement)`: 移除一个特定的子元素。

   parentElement.removeChild(childElement);

8. `addEventListener(eventType, callback)`: 为元素添加事件监听器。

   button.addEventListener("click", function() { /* ... */ });

9. `getElementsByClassName(className)`: 根据类名获取元素集合。

   var elements = document.getElementsByClassName("class-name");

这些只是`document`方法的一部分，实际上还有许多其他辅助函数如`createTextNode()`，`createComment()`等。使用`document`对象，你可以动态地操纵页面的内容和结构。