Что означает for

Question

Подскажите, пожалуйста, что означает for в такой конструкции:

 <label for="sum">Сумма</label>

Как определить этот элемент по метке sum через querySelector() ?

 let sum = document.querySelector('#sum');

Правильно?

Я понял. Спасибо!

Вы не могли бы объяснить, чем отличаются ответы сразу после моего вопроса от ответов в поле "Ответы" ниже?

Как я понимаю, сначала идут комментарии а потом ответы?

Answer 1

for в теге label является аттрибутом который указывает на какой элемент формы (id) сфокусироваться если нажать на label. То есть в вашем случае, нажав на поле Сумма то он сфокусируется на элементе у которого id='sum'.

Внизу наглядный пример:

input {
  margin-top: 5px;
}

<label for="sum">Сумма</label><br>
<input id="sum" placeholder="Общая сумма" />

А вот чтобы достучаться до элемента элемента то можно сделать следующим способом.

let sumLabel = document.querySelector('label[for="sum"]');
console.log(sumLabel)

input {
  margin-top: 5px;
}

<label for="sum">Сумма</label><br>
<input id="sum" placeholder="Общая сумма" />

Или же можно просто задать класс или id данному элементу и обратиться к нему

<label class="label-sum" for="sum">Сумма<label>
<!-- Или же указать id -->
<label id="label-sum" for="sum">Сумма<label>

let labelSum = document.querySelector('.label-sum')
// Если у элемента есть id
let labelSum = document.querySelector('#label-sum')

БЛОГ НА HUSL

Что означает for

Ответы (1 шт):