将类添加到随机元素 - JavaScript

本文将教你如何在 JavaScript 中将类添加到随机元素。

代码说明

在下面的 JavaScript 代码片段中，我们先定义了一个名为 elements 的数组，该数组包含了 5 个随机元素。然后，我们使用 Math.random() 和 Math.floor() 方法来获取一个随机的索引，将该索引对应的元素添加一个名为 new-class 的类。

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

const randomIndex = Math.floor(Math.random() * elements.length);
const randomElement = elements[randomIndex];

randomElement.classList.add('new-class');

代码解释

我们首先使用 querySelectorAll 方法选择了所有的 div 元素，并将它们存储在名为 elements 的数组中。

然后，我们使用 Math.random() 方法生成 0 到 1 之间的一个随机数，并使用 Math.floor() 方法将其向下取整得到一个索引，这个索引是在 elements 数组中随机的。

我们通过 elements[randomIndex] 获取该索引对应的随机元素，并将其存储在 randomElement 变量中。

最后，我们使用 classList.add() 方法将名为 new-class 的类添加到 randomElement 元素上。

Markdown 代码

# 将类添加到随机元素 - JavaScript

本文将教你如何在 JavaScript 中将类添加到随机元素。

## 代码说明

在下面的 JavaScript 代码片段中，我们先定义了一个名为 `elements` 的数组，该数组包含了 5 个随机元素。然后，我们使用 `Math.random()` 和 `Math.floor()` 方法来获取一个随机的索引，将该索引对应的元素添加一个名为 `new-class` 的类。

```javascript
const elements = document.querySelectorAll('div');

const randomIndex = Math.floor(Math.random() * elements.length);
const randomElement = elements[randomIndex];

randomElement.classList.add('new-class');

代码解释

我们首先使用 querySelectorAll 方法选择了所有的 div 元素，并将它们存储在名为 elements 的数组中。

然后，我们使用 Math.random() 方法生成 0 到 1 之间的一个随机数，并使用 Math.floor() 方法将其向下取整得到一个索引，这个索引是在 elements 数组中随机的。

我们通过 elements[randomIndex] 获取该索引对应的随机元素，并将其存储在 randomElement 变量中。

最后，我们使用 classList.add() 方法将名为 new-class 的类添加到 randomElement 元素上。