如何通过类型或类而非索引获取DOM子节点？

嘿，我完全懂你的顾虑——依赖NodeList的索引确实风险很高，DOM结构稍有变动代码就会失效。咱们直接跳过遍历和索引，用更精准的方式定位目标节点：

1. 用jQuery直接搞定（最省心） #

既然你已经在使用jQuery，完全可以利用它强大的选择器直接定位目标元素，根本不需要手动处理childNodes：

// 找到所有.axis元素下的.domain后代元素
const domainElements = $(".axis .domain");

// 如果你只需要.axis的**直接子节点**里的.domain，用子元素选择器`>`
const directDomainChildren = $(".axis > .domain");

这样拿到的就是jQuery对象，直接可以用jQuery的方法操作，不用操心节点顺序的问题。

2. 原生JS方案（如果你需要原生操作） #

你之前的代码报错是因为childNodes返回的是NodeList，它并没有getElementsByClass（正确方法名是getElementsByClassName）这个方法——这个方法属于Element类型。正确的做法是直接在父元素（也就是.axis对应的DOM元素）上调用原生选择器方法：

方式A：querySelectorAll（推荐，支持复杂选择器） #

// 先拿到.axis对应的DOM元素
const axisElement = $(".axis")[0];
// 在这个元素下查询所有带.domain类的节点
const domainNodes = axisElement.querySelectorAll(".domain");

querySelectorAll返回的是静态NodeList，不会随DOM变化自动更新，适合大多数场景。

方式B：getElementsByClassName（返回实时集合） #

const axisElement = $(".axis")[0];
// 获取该元素下所有带.domain类的子元素（实时更新）
const domainCollection = axisElement.getElementsByClassName("domain");

这个方法返回的是HTMLCollection，会实时反映DOM的变化，如果你的页面动态更新节点可以用这个，但平时querySelectorAll更稳妥。

为什么不用遍历？ #

你说的遍历检查类或类型确实不是最优解，上面这些方法都是浏览器原生支持的高效查询方式，性能比手动遍历好得多，代码也更简洁易维护。

内容的提问来源于stack exchange，提问作者sc28