Заполните поле ввода на веб-сайте JavaScript, если у него нет идентификатора?

Question

Как заполнить поле ввода на веб-сайте JavaScript, если у него нет идентификатора? Пример:

<input type="text" placeholder="First Name" value="" class="someclass">
<input type="text" placeholder="Last Name" value="" class="someclass">

Я хочу заполнить только первое поле ввода.

Если бы у него был идентификатор, я мог бы просто сделать document.getElementById ... класс и тип используются несколько полей ввода на сайте. Могу ли я как-нибудь использовать заполнитель?

Answer 1

Просто выберите его с помощью document.querySelector('input.someclass')

РЕДАКТИРОВАТЬ

Если порядок и количество входов на вашем сайте всегда одинаковы, просто сделайте это:

const inputs = document.querySelectorAll('input')

Вы можете выбрать входные данные из массива, который возвращает querySelectorAll, или l oop через массив для ввода значений.

const inputs = document.querySelectorAll('input');
const valuesToInput = [1,2,3,4,5,6,7,8,9];
for(let i = 0; i < inputs.length; i += 1) {
   inputs[i].value = valuesToInput[i];
}

Answer 2

если вы добавите свойство «имя» для формы и ввода, вы можете использовать его следующим образом:

<form name="myForm">
    <input type="text" name="myText">
    <button onclick="addText(myForm)">Add Text</button>
</form>

в javascript:

function addText(myForm){
    myForm.myText.value = 'some text';
}