classNames
это не массив. Это коллекция. Чтобы его в массив переделать, надо либо деструктурировать, либо Array.from()
использовать. getElementsByClassName
тоже возвращает не массив, а коллекцию. И так не получится искать индекс коллекции в коллекции. Поэтому вот ниже я сначала нашёл обычным квериСелектором нужный элемент, потому что он (querySelector) возвращает первое вхождение, потом сделал массив из коллекции, а потом уже нашел, где он лежит. То есть код практически не изменился в плане логики работы, просто не правильно использовались некоторые методы :)
let active = document.querySelector('.className_active');
let classNames = [...document.querySelectorAll('.className')];
// let classNames = Array.from(document.querySelectorAll('.className')); То же самое, но выше просто запись красивее, лаконичнее.
let index = classNames.indexOf(active);
console.log(index);
<div class="className">1</div>
<div class="className">2</div>
<div class="className className_active">3</div>
<div class="className">4</div>
<div class="className">5</div>
<div class="className">6</div>
<div class="className">7</div>