Как перейти от getElementByID к getElementsByClassName при создании нескольких элементов выбора?

Question

У меня есть несколько элементов выбора, которые мне нужны, чтобы получить те же параметры, используя Javascript. Все они имеют один и тот же класс. Этот код работает с идентификатором, но не с классом.

Я попытался изменить getElementById на getElementsByClassName, но это, похоже, не работает. Я довольно новичок в Javascript и не до конца понимаю разницу между этими двумя командами.

Код:

<select class="phoneNumber"></select>
<script>
phoneNumber = document.getElementById("phoneNumber");

var option = document.createElement('option'); option.text = '1234567897'; phoneNumber.appendChild(option);
var option = document.createElement('option'); option.text = '1233213211'; phoneNumber.appendChild(option);
</script>

Answer 1

Использование querySelector вместо getElementsByClassName решило эту проблему.