在 HTML 文档对象模型(DOM)中,访问是指通过编程方式获取和操作网页中的元素和内容。通过 JavaScript,开发者可以使用多种方法来查找和操作 DOM 元素,从而动态地更新网页内容和结构。

以下是一些常用的 DOM 访问方法:

  1. getElementById():根据元素的 id 属性,获取对应的元素对象。 var element = document.getElementById("header");
  2. getElementsByTagName():获取具有指定标签名的所有元素,返回一个 HTMLCollection。 var paragraphs = document.getElementsByTagName("p");
  3. getElementsByClassName():获取具有指定类名的所有元素,返回一个 HTMLCollection。 var items = document.getElementsByClassName("menu-item");
  4. querySelector():返回匹配指定 CSS 选择器的第一个元素。 var firstItem = document.querySelector(".menu-item");
  5. querySelectorAll():返回匹配指定 CSS 选择器的所有元素,返回一个 NodeList。 var allItems = document.querySelectorAll(".menu-item");
  6. getElementsByName():获取具有指定 name 属性的所有元素,返回一个 NodeList。 var elements = document.getElementsByName("username");

通过这些方法,开发者可以灵活地访问和操作 DOM 中的元素,实现丰富的交互效果和动态内容更新。

需要注意的是,getElementById() 返回单个元素对象,而其他方法如 getElementsByTagName()getElementsByClassName()getElementsByName() 返回的是实时更新的集合(HTMLCollection),而 querySelectorAll() 返回的是静态的节点列表(NodeList)。

更多详细信息和示例代码,请参考 MDN Web 文档