js中获取所有相同的类名，并给所有相同的类名追加一个类名

你可以使用 `document.querySelectorAll` 方法获取所有相同的类名，然后使用 `classList.add` 方法为它们添加一个新的类名。以下是一个示例代码：

// 获取所有相同的类名
const elements = document.querySelectorAll('.your-class-name');

// 为每一个元素添加新的类名
elements.forEach(element => {
  element.classList.add('new-class-name');
});

在上面的代码中，将 `your-class-name` 替换为你想要获取的类名，将 `new-class-name` 替换为你想要追加的新类名即可。

相关问题

js中获取span标签的类名并追加一个类名 并追加完删除类名

可以使用 JavaScript 中的 `classList` 属性来获取和修改元素的类名，具体操作如下：

获取 `span` 标签的类名并追加一个类名：

const span = document.querySelector('span'); // 获取 span 元素
const className = span.className; // 获取 span 元素的类名
span.classList.add('new-class'); // 追加一个新的类名

上述代码中，`querySelector` 方法用于获取第一个匹配的元素，`className` 属性用于获取元素的类名，`classList` 属性用于对元素的类名进行操作，`add` 方法用于向元素中添加一个新的类名。

删除追加的类名：

span.classList.remove('new-class'); // 删除追加的类名

上述代码中，`remove` 方法用于从元素中删除指定的类名。

注意：如果要添加或删除多个类名，可以使用 `add` 或 `remove` 方法多次调用，或者使用 `toggle` 方法一次性完成。如果当前元素中已经存在要添加的类名，则 `add` 方法不会重复添加；如果当前元素中不存在要删除的类名，则 `remove` 方法不会抛出异常。

js中获取类名并追加一个类名

要获取元素的类名并追加一个新的类名，可以使用 JavaScript 中的 `classList` 属性。该属性包含了一系列方法，可以用于添加、删除、切换和检查元素的类名。具体操作如下：

const element = document.querySelector('.my-class'); // 获取元素
const className = element.className; // 获取元素的类名
element.classList.add('new-class'); // 追加一个新的类名

上述代码中，`querySelector` 方法用于获取第一个匹配的元素，参数中的 `.my-class` 表示要获取类名为 `my-class` 的元素。`className` 属性用于获取该元素的类名。`classList` 属性用于对元素的类名进行操作，`add` 方法用于向元素中添加一个新的类名。

如果要添加多个类名，可以在 `add` 方法中传入多个参数，例如：

element.classList.add('new-class', 'another-class');

上述代码中，`add` 方法中传入了两个参数，表示要向元素中添加两个新的类名。

注意，如果当前元素已经包含了要添加的类名，则 `add` 方法不会重复添加该类名。

如果要删除已经追加的类名，可以使用 `remove` 方法，例如：

element.classList.remove('new-class'); // 删除追加的类名

上述代码中，`remove` 方法用于从元素中删除指定的类名。

如果要切换类名的状态，可以使用 `toggle` 方法，例如：

element.classList.toggle('new-class'); // 如果元素中包含 new-class 类名，则删除该类名；否则添加该类名

上述代码中，`toggle` 方法用于切换元素的类名状态。如果元素中包含指定的类名，则删除该类名；否则添加该类名。

总之，使用 `classList` 属性能够更加方便地对元素的类名进行操作。