Есть ли лучший способ ссылаться на элементы HTML по именам классов?

Question

Есть ли другие лучшие практики, чтобы получить элемент HTML по имени класса?

let left = document.getElementsByClassName("pro-left");

for (let i = 0; i < right.length; i++) {

    left[i].addEventListener("click", function () {
        console.log("Clicked");
    }
}

Answer 1

Я думаю, что getElementsByClassName уже является хорошей передовой практикой. Если вы предпочитаете более современный подход, вы, вероятно, ищете селектор запросов ( https://developer.mozilla.org/de/docs/Web/API/Document/querySelector).

При этом вы можете выбрать элементы, как в CSS.

document.querySelector(".myclass")

Преимущество заключается в том, что вы можете легко выбирать подклассы и т. Д.

РЕДАКТИРОВАТЬ:

Если вы хотите выбрать несколько элементов, используйте:

document.querySelectorAll(".myclass")