JavaScript 选择所有元素 - JavaScript

JavaScript 是一种用于网页开发的编程语言，可以帮助开发者操纵和操作网页上的元素。在 JavaScript 中，选择所有元素是一种常见的操作，可以通过不同的方法来实现。

下面是一些常见的 JavaScript 选择所有元素的方法：

1. 使用 document.querySelectorAll()

const elements = document.querySelectorAll('*');

使用 document.querySelectorAll() 方法可以选择页面上的所有元素。上述代码行通过传入通配符 * 来选择所有元素，并将结果赋值给 elements 变量。通过该方法选择的元素将以 NodeList 的形式返回。

2. 使用 document.getElementsByTagName()

const elements = document.getElementsByTagName('*');

使用 document.getElementsByTagName() 方法也可以选择所有元素。上述代码行使用通配符 * 作为参数，返回页面上的所有元素，并将结果赋值给 elements 变量。通过该方法选择的元素将以 HTMLCollection 的形式返回。

3. 使用 document.getElementsByClassName()

const elements = document.getElementsByClassName('*');

通过 document.getElementsByClassName() 方法也可以选择所有元素。上述代码行使用通配符 * 作为参数，返回页面上的所有元素，并将结果赋值给 elements 变量。通过该方法选择的元素将以 HTMLCollection 的形式返回。

4. 使用 document.querySelector() 及后代选择器

const elements = document.querySelector('html').querySelectorAll('*');

通过先选择包含所有元素的父元素，再使用 querySelectorAll() 方法选择所有后代元素，也可以实现选择所有元素的效果。上述代码行使用 document.querySelector('html') 选择包含所有元素的 html 元素，然后再调用 querySelectorAll('*') 选择所有后代元素，并将结果赋值给 elements 变量。通过该方法选择的元素将以 NodeList 的形式返回。

以上是一些常用的 JavaScript 选择所有元素的方法，根据实际情况选择适合的方法来操作和操纵网页上的元素。