getElementByID работает, getElementsByClassName не [дублирует]
На этот вопрос уже есть ответ здесь:
Что возвращают методы querySelectorAll и getElementsBy *? 9 ответовЯ работаю над решением, которое динамически добавляет на страницу поля ввода / выпадающего списка. Приведенный ниже пример кода работает, если я даю каждому входу select уникальный идентификатор и добавляю строку cod4e в скрипт с помощью getElementById (), но не работает, если я использую GetElementsByClassName ().
Моя цель - использовать один скрипт для заполнения поля ввода без необходимости назначать уникальный идентификатор для выбора входов и соответствующего кода для скрипта.
<select class="p1"></select>
<select class="p1"></select>
<select class="p1"></select>
<script>
var Date1 = "<option>" + new Date(new Date().getTime()+(1*24*60*60*1000)).toDateString() + "</option>";
var Date2 = "<option>" + new Date(new Date().getTime()+(2*24*60*60*1000)).toDateString() + "</option>";
var Date3 = "<option>" + new Date(new Date().getTime()+(3*24*60*60*1000)).toDateString() + "</option>";
var Date4 = "<option>" + new Date(new Date().getTime()+(4*24*60*60*1000)).toDateString() + "</option>";
var Date5 = "<option>" + new Date(new Date().getTime()+(5*24*60*60*1000)).toDateString() + "</option>";
var Date = Date1 + Date2 + Date3 + Date4 + Date5
document.getElementsByClassName("p1").innerHTML = Date;
</script>