如何选择 div

在开发中，div 是经常使用的一个标签，用来定义文档中的分区或区域（division）。此文将介绍如何在 JavaScript 中选择 div 元素。

选择单个 div

要选择单个 div 元素，可以使用 document.querySelector() 方法。该方法接收一个选择器作为参数，并返回与选择器匹配的第一个元素。

例如，以下代码将选择 HTML 文档中的第一个 div 元素，并将其存储在名为 myDiv 的变量中。

const myDiv = document.querySelector('div');

选择多个 div

要选择多个 div 元素，可以使用 document.querySelectorAll() 方法。该方法接收一个选择器作为参数，并返回与选择器匹配的所有元素的 NodeList。

例如，以下代码将选择 HTML 文档中所有的 div 元素，并将其存储在名为 myDivs 的变量中。

const myDivs = document.querySelectorAll('div');

根据 ID 选择 div

要根据元素的 ID 选择 div 元素，可以使用 document.getElementById() 方法。该方法接收一个 ID 作为参数，并返回具有该 ID 的元素。

例如，以下代码将选择具有 ID myDiv 的 div 元素，并将其存储在名为 myDiv 的变量中。

const myDiv = document.getElementById('myDiv');

根据类名选择 div

要根据元素的类名选择 div 元素，可以使用 document.getElementsByClassName() 方法。该方法接收一个类名作为参数，并返回具有该类名的所有元素的 HTMLCollection。

例如，以下代码将选择具有类名 myClass 的所有 div 元素，并将其存储在名为 myDivs 的变量中。

const myDivs = document.getElementsByClassName('myClass');

根据标签名选择 div

要根据元素的标签名选择 div 元素，可以使用 document.getElementsByTagName() 方法。该方法接收一个标签名作为参数，并返回具有该标签名的所有元素的 HTMLCollection。

例如，以下代码将选择所有的 div 元素，并将其存储在名为 myDivs 的变量中。

const myDivs = document.getElementsByTagName('div');

以上是 JavaScript 中选择 div 元素的几种方法，根据需求选择不同的方法即可。