Есть обычная html форма, типа
<form action="" method="POST" id="form">
<input type="hidden" name="sum" value="22">
<input type="hidden" name="age" value="18">
<input type="submit">
</form>
Получим форму в js, var form = document.querySelector('#form');.
Вопрос, как получить элемент этой формы с именем sum, form.getElementsByName('sum')[0]; не работает, т.к. getElementsByName применяется только к document?
// Длинно и нудно
console.log(document.getElementById('form').querySelector('[name="sum"]'))
// Короче, но всё ещё длинно и нудно
console.log(document.querySelector('#form input[name="sum"]'))
// Коротко
console.log(form.elements.sum)
// Ещё короче
console.log(form.sum)
<form action="" method="POST" id="form">
<input type="hidden" name="sum" value="22">
<input type="hidden" name="age" value="18">
<input type="submit">
</form>
Здравствуйте
Такое должно сработать:
var form = document.querySelector('#form');
var sum= form.elements.sum.value; // значение sum
Как развивать веб-проекты в 2026 году: технологии, контент E-E-A-T и факторы доверия
Современные инструменты для криптотрейдинга: как технологии помогают принимать решения
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
Основные этапы разработки сайта для стоматологической клиники