javascript - 如何在JS中选择具有类的所有元素

Question

我想用JS修改所有类。有没有办法在不手动设置数组索引(例如[0]或[1]或[184])的情况下选择它们？

示例代码:

<div class='message'>something:</div>
<div class='message'>something</div>

const element = document.querySelectorAll(".message");
element.classList.add("color");

它仅在我添加 [0] 时才有效，并且仅适用于具有该类的第一个元素。但我想修改该类的所有元素。

Answer 1

首先了解基本语言语法的作用很重要。 [0] 正在选择数组(或类似数组的对象)的 0 索引。因此，要对所有这些进行操作，您可以使用一个带有变量的循环，该变量从 0 开始递增，一直持续到超出数组范围为止。

function replaceEmotes() {
    var messages = document.querySelectorAll(".message");
    for (var i = 0; i < messages.length; i++) {
        var str = messages[i].innerHTML.replace(":smile:", "<i class='em em-smile'></i>");
        messages[i].innerHTML = str;
    }
}

还有其他方法，但这是应该首先学习的基本语法。