HTML DOM 匹配() 方法

HTML DOM （文档对象模型）是指对 HTML 文档的编程接口。通过它，开发者可以访问和操作 HTML 页面中的所有元素。

匹配（Matching）方法是 HTML DOM 中的一种方法，通过该方法可以获取满足指定条件的 HTML 元素。匹配方法包括以下几种：

getElementsByTagName()

getElementsByTagName() 方法可以获取页面中指定标签名的元素。该方法会返回一个 NodeList 对象，其中包含了所有匹配的元素。

// 获取页面中所有的 <p> 元素
const paragraphs = document.getElementsByTagName("p");

getElementsByClassName()

getElementsByClassName() 方法可以获取页面中指定 class 名称的元素。和 getElementsByTagName() 方法一样，该方法也会返回一个 NodeList 对象。

// 获取页面中所有 class 为 'example' 的元素
const examples = document.getElementsByClassName("example");

getElementById()

getElementById() 方法可以获取页面中指定 ID 的元素。该方法只会返回一个元素，而不是 NodeList。

// 获取页面中 ID 为 'myElement' 的元素
const el = document.getElementById("myElement");

querySelector()

querySelector() 方法可以获取页面中满足指定 CSS 选择器的第一个元素。该方法会返回一个 Element 对象。

// 获取页面中第一个 class 为 'example' 的 <p> 元素
const example = document.querySelector("p.example");

querySelectorAll()

querySelectorAll() 方法可以获取页面中满足指定 CSS 选择器的所有元素。该方法会返回一个 NodeList 对象。

// 获取页面中所有 class 为 'example' 的 <p> 元素
const examples = document.querySelectorAll("p.example");

以上就是 HTML DOM 匹配方法的介绍。通过这些方法，开发者可以快速地获取和操作 HTML 页面中的元素。