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

Пользователь

от aubree , в категории: JavaScript , год назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от cloyd , год назад

@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.

Пользователь

от krista , 5 месяцев назад

@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]);
    }
}