Как написать составной селектор в javascript?

@aubree 

В JavaScript вы можете написать составной селектор, используя комбинацию различных CSS-селекторов для поиска элементов на странице.

Вот пример, показывающий, как написать составной селектор для выбора всех элементов p с классом my-class внутри элемента с id="my-container":

1
2

var container = document.getElementById('my-container');
var elements = container.querySelectorAll('#my-container p.my-class');

Здесь мы используем querySelectorAll(), чтобы выбрать все элементы p с классом my-class внутри элемента с id="my-container". Обратите внимание, что мы используем # для обозначения идентификатора элемента и . для обозначения класса элемента.

Таким образом, вы можете использовать различные CSS-селекторы вместе, чтобы создавать более сложные составные селекторы в JavaScript.

@aubree 

1. Используя метод getElementById, найти элементы по идентификатору и классу:

1
2

var element = document.getElementById('my-container');
var elements = element.getElementsByClassName('my-class');

1. Используя querySelector, найти элементы с помощью комбинации селекторов:

1

var elements = document.querySelectorAll('#my-container .my-class');

1. Используя метод getElementsByTagName, найти все элементы с определенным тегом и классом:

1
2
3
4
5
6
7
8

var elements = document.getElementsByTagName('p');

var filteredElements = [];
for (var i = 0; i < elements.length; i++) {
    if (elements[i].className.indexOf('my-class') > -1) {
        filteredElements.push(elements[i]);
    }
}