Как изменить класс в DOM после поискового запроса для отображения результата с помощью JS

Question

У меня есть выборы с 60 кандидатами. Эта информация сохраняется в элементе HTML, для которого установлено значение d-none (Bootstrap: display none). Как можно удалить класс d-none, чтобы отображались кандидаты, соответствующие требуемым критериям поиска.

Я пытался:

document.getElementById(resultThema[i]).classList.remove("d-none");

Но document.getElementById - это null

resultThema - это массив, состоящий из идентификатора всех кандидатов, который соответствует определенным критериям. Поэтому, когда массив не пустой, он содержит определенные идентификаторы, которые ссылаются на HTML, например:

 <div class="col-md-4 col-sm-6 mt-4 d-none" **id="toBe"**>
                <div class="card">
                    <img class="card-img-top img-thumbnail" src="pics/bild3.jpeg">
                    <div class="card-body">
                        <h5 class="
    (…)
    </div>

Я перебираю массив ID как:

function makeVis(resultThema) {
    for (let i = 0; i < resultThema.length; i++) {

        document.getElementById(resultThema[i]).classList.remove("d-none");

    }
}

Но это не работает. Как я могу сделать тех кандидатов видимыми, которые соответствуют запросам?