JavaScript 查找元素的方法

在 JavaScript 中，有以下幾種常見的方法可用于查找元素：

1. getElementById(id)：
使用元素的唯一 ID 屬性查找元素。它返回具有指定 ID 的第一個(gè)元素。

示例：

<code class="javascript">const element = document.getElementById('myElement');</code>

2. getElementsByClassName(className)：
使用元素的類名屬性查找元素。它返回具有指定類名的所有元素的集合。

示例：

<code class="javascript">const elements = document.getElementsByClassName('myClass');</code>

3. getElementsByTagName(tagName)：
使用 HTML 標(biāo)簽名稱查找元素。它返回具有指定標(biāo)簽的所有元素的集合。

示例：

<code class="javascript">const elements = document.getElementsByTagName('p');</code>

4. querySelectorAll(selector)：
一個(gè)通用的查找方法，它使用 CSS 選擇器從文檔中查找元素。它返回與選擇器匹配的所有元素的集合。

示例：

<code class="javascript">const elements = document.querySelectorAll('.myClass p'); // 選擇帶有 myClass 類名的段落</code>

5. querySelector(selector)：
與 querySelectorAll 類似，但它只返回與選擇器匹配的第一個(gè)元素。

示例：

<code class="javascript">const element = document.querySelector('.myClass');</code>

其他方法：

document.forms：獲取表單集合。

document.images：獲取圖像集合。

document.links：獲取鏈接集合。