Можно ли в querySelector указать номер кнопки с классом?

Question

Можно ли в querySelector указать номер кнопки с классом?

Кирилл Мамонтов Знаток (317), на голосовании 1 год назад

Можно ли при указании класса в querySelector, указать номер кнопки как это можно сделать с getElementsClassName

 document.getElementsByClassName('class')[// тут номер]

Answer 1

Петр Алексеевич Оракул (82068) 1 год назад

Можно именно так, как написано. В чем сложность была проверить гипотезу?

Кирилл МамонтовЗнаток (317) 1 год назад

нужно именно querySelector, на это есть причины которые долго рассказывать

Петр Алексеевич Оракул (82068) Кирилл Мамонтов, через querySelectorAll можно, через querySelector находит первый попавшийся элемент

 document.querySelectorAll('class')[// тут номер]

Петр АлексеевичОракул (82068) 1 год назад

главное класс с точкой написать

Answer 2

querySelector - нет... а вот querySelectorAll - да. Разница в том, что первое возвращает элемент, а второе node-лист.

Первый вариант:

 console.log( 'Первый вариант: ' ); 
console.log( document.querySelector('.element-1') );

Второй вариант:

 console.log( 'Второй вариант: ' ); 
console.log( document.querySelectorAll('.element-2') ); 
console.log( document.querySelectorAll('.element-2')[0] );

Answer 3

document.querySelectorAll вернет несколько элементов из них можно выбрать нужный по индексу массива

Answer 4

Если эти кнопки расположены рядом друг с другом, то можно так:

 document.querySelector('class:nth-child(2)');

В противном случае только document.querySelectorAll().