Чтобы получить дочерние элементы определенного класса в JavaScript, вы можете использовать комбинацию методов и свойств. Вот несколько подходов:
-
getElementsByClassName(): этот метод возвращает живую HTML-коллекцию элементов, соответствующих определенному имени класса. Вы можете получить доступ к дочерним элементам определенного класса, используя этот метод для родительского элемента.
var parentElement = document.getElementById("parentElementId"); var children = parentElement.getElementsByClassName("className");
-
querySelectorAll(): этот метод позволяет выбирать элементы с помощью селекторов CSS. Вы можете указать имя класса для получения нужных дочерних элементов.
var children = document.querySelectorAll("#parentElementId .className");
-
Свойство Children: Свойство Children возвращает коллекцию дочерних элементов элемента, включая все узлы элементов, в том порядке, в котором они появляются в DOM. Затем вы можете отфильтровать коллекцию по имени класса.
var parentElement = document.getElementById("parentElementId"); var children = Array.from(parentElement.children).filter(function(child) { return child.classList.contains("className"); });
Эти методы предоставляют различные способы получения дочерних элементов определенного класса в JavaScript. Выберите тот, который лучше всего соответствует вашим потребностям и структуре вашего HTML.