# JavaScript：遍历所有元素的不同方法
在前端开发中，JavaScript 提供了多种方法来遍历 HTML 文档中的元素，这对于操作页面 DOM（文档对象模型）至关重要。本文将带您了解如何使用 JavaScript遍历所有元素，以及不同方法的优缺点，帮助您选择最佳的遍历方式。
## DOM 的基础概念
在深入遍历之前，让我们先简单了解一下 DOM。DOM 是一种数据结构，表示 H
最近在处理一些偏逻辑的代码块经常遇到遍历问题，接下来跟大家一起温习一下有关于JS的遍历吧。js数组遍历1、for循环//不缓存
var arr = [5,2,0,1,3,1,4];
for ( var i = 0; i <arr.length; i++){
console.log(arr[i]);//遍历所得子项
} for循环优化版：在JS性能优化中，有一个常见的小优化，即缓存数组长
获取 DOM 元素的几种方式get 方式：getElementByIdgetElementsByTagNamegetElementsByClassNamegetElementsByName返回类型 HTMLCollection[]query 方式：querySelectorquerySelectorAll返回类型 NodeList[]获取元素首先用两种方式获取元素let a = document.
