在创建多重选择元素时如何从getElementByID转到getElementsByClassName？

Question

我有多个选择元素，我需要使用Javascript获得相同的选项。他们都有同一个班级。此代码适用于id，但不适用于类。

我尝试将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解决了这个问题。