Как получить 2й элемент из списка дивов с одинаковыми классами?

Question

[Александр]

<div class="button"><div>
<div class="class-main">
<div class="class">1</div>
<div class="class">2</div>
<div class="class">3</div>
</div>

Мне нужно после нажатия на класс button открывать 2-й элемент с классом class.

Answer 1

[0xD34F]

О каком классе идёт речь, и элемент с каким индексом надо получить:

const className = 'class';
const index = 1;

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

const element = document.querySelector(`.${className}:nth-child(${index + 1})`);

В противном случае сперва придётся получить все элементы, имеющие класс:

const element = document.querySelectorAll('.' + className)[index];
// или
const element = document.getElementsByClassName(className).item(index);

Answer 2

[Egorian]

<div class="button">Button</div>
<div class="class-main">
<div class="class">1</div>
<div class="class">2</div>
<div class="class">3</div>
</div>
<script type="text/javascript">
    document.getElementsByClassName("button")[0].onclick=function(){
        console.log(document.getElementsByClassName("class")[1])
    }
    
    </script>