在 JavaScript 中，获取 DOM 节点的常用方法包括：getElementById：通过 ID 获取元素。getElementsByTagName：通过标签名获取元素集合。getElementsByClassName：通过类名获取元素集合。querySelector：使用 CSS 选择器获取第一个匹配元素。querySelectorAll：使用 CSS 选择器获取所有匹配元素。childNodes：获取子节点集合（含文本节点）。children：获取子元素集合（不含文本节点）。firs
如何获取 DOM 节点
在 JavaScript 中，获取 DOM 节点的最常用方法是以下几种：
- getElementById(id)：通过元素的 ID 属性检索元素。例如：
<code class="js">const element = document.getElementById('my-element');</code>- getElementsByTagName(tagName)：通过标签名检索元素的集合。例如：
<code class="js">const elements = document.getElementsByTagName('p');</code>- getElementsByClassName(className)：通过类名检索元素的集合。例如：
<code class="js">const elements = document.getElementsByClassName('my-class');</code>- querySelector(selector)：使用 CSS 选择器检索第一个匹配的元素。例如：
<code class="js">const element = document.querySelector('div.my-class');</code>- querySelectorAll(selector)：使用 CSS 选择器检索所有匹配的元素。例如：
<code class="js">const elements = document.querySelectorAll('p.my-class');</code>- childNodes：获取元素的子节点集合，包括文本节点。例如：
<code class="js">const childNodes = element.childNodes;</code>
- children：获取元素的子元素集合，不包括文本节点。例如：
<code class="js">const children = element.children;</code>
- firstChild：获取元素的第一个子节点。例如：
<code class="js">const firstChild = element.firstChild;</code>
- lastChild：获取元素的最后一个子节点。例如：
<code class="js">const lastChild = element.lastChild;</code>
