跳到主要内容

简述列举文档对象模型DOM里document的常用的查找访 ？

参考答案：

文档对象模型（DOM）是一个用于表示和交互HTML或XML文档的编程接口。在DOM中，document 对象代表了整个HTML或XML文档。document 提供了多种方法和属性来查找、访问和操作文档中的元素和节点。

以下是 document 对象中常用的一些查找和访问方法：

  1. getElementById(id): 此方法返回具有指定 id 属性的第一个元素。如果文档中没有具有指定 id 的元素，则返回 null。
  2. getElementsByClassName(className): 此方法返回文档中所有具有指定类名的元素的集合（NodeList）。
  3. getElementsByTagName(tagName): 此方法返回具有指定标签名的所有元素的集合（NodeList）。
  4. querySelector(selector): 此方法返回文档中匹配指定 CSS 选择器的第一个元素。如果没有找到匹配的元素，则返回 null。
  5. querySelectorAll(selector): 此方法返回文档中匹配指定 CSS 选择器的所有元素的集合（NodeList）。
  6. getElementsByName(name): 此方法返回具有指定 name 属性的所有元素的集合（NodeList）。
  7. createElement(tagName): 此方法创建一个新的元素节点，并返回该节点。
  8. createTextNode(data): 此方法创建一个新的文本节点，并返回该节点。
  9. appendChild(node): 此方法将一个节点添加到指定元素的子节点列表的末尾。
  10. insertBefore(newNode, referenceNode): 此方法在参考节点之前插入新节点。如果参考节点为 null，则新节点被添加到子节点列表的末尾。

这些方法使得在JavaScript中操作HTML文档变得相对简单和直观。你可以使用它们来查找元素，创建新的元素，修改元素的内容，以及进行其他各种DOM操作。