你熟悉的 Document 操作元素APIDocument对象是JavaScript中最常用的对象之一，它允许开发者与浏

Document对象是JavaScript中最常用的对象之一，它允许开发者与浏览器DOM（文档对象模型）交互，并且大部分JavaScript操作都涉及到该对象。

getElementById()

根据给定的元素ID返回元素对象。

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

根据给定的元素类名返回元素对象数组。

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

根据给定的元素标签名称返回元素对象数组。

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

返回第一个匹配指定CSS选择器的元素对象。

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

返回所有匹配指定CSS选择器的元素对象数组。

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

创建一个新的元素节点。

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

创建一个包含给定文本内容的文本节点。

var textNode = document.createTextNode("Hello, world!");

创建(克隆)一个元素节点的副本。

var clone = originalElement.cloneNode(true);

将一个元素节点添加到另一个节点的子节点列表末尾。

parentElement.appendChild(newElement);

从父节点中移除一个子节点。

parentElement.removeChild(childElement);

将一个节点替换为另一个节点。

parentElement.replaceChild(newElement, oldElement);

检查一个元素节点是否有子节点。

var hasChildren = parentElement.hasChildNodes();

在指定节点之前插入一个新节点。

parentElement.insertBefore(newElement, referenceNode);

导入另一个文档中的节点，并返回该节点的副本。

var newNode = document.importNode(otherDocumentNode, true);

importNode()方法用于从一个文档中导入节点并创建它的副本，而appendChild()方法只是简单地将现有节点添加为父节点的子节点。因此，在使用importNode()方法时，会创建一个新节点，并且该节点的所有属性和事件处理程序也会被复制到新节点中

根据给定的元素名称和命名空间URI返回元素对象数组。

var elements = document.getElementsByTagNameNS("http://example.com/ns", "example");

创建一个指定命名空间URI和元素名称的新元素节点。

var newElement = document.createElementNS("http://example.com/ns", "example");

创建一个新的属性节点。

var newAttribute = document.createAttribute("href");

使用removeAttribute删除属性节点

创建一个包含给定注释内容的注释节点。

var comment = document.createComment("This is a comment.");

等等以上是常用document元素操作。