1

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

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

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

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

Правильно?

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

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

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

5
  • 3
    for является аттрибутом который указывает на какой элемент формы (id) сфокусироваться если нажать на label. То есть нажав на поле Сумма то он сфокусируется на элементе у которого id='sum'
    – E1mir
    31 мая 2020 в 8:26
  • @E1mir Оформите свой комментарий как ответ
    – Neolot
    31 мая 2020 в 8:34
  • @Jaguar укажите в метках вопроса язык (языки) - например javascript, xml или что там вы используете.
    – insolor
    31 мая 2020 в 8:38
  • @Jaguar Вот это поле вот, это комментарий к вашему вопросу, комментарий к вопросам иногда может содержать ответ на вопрос (если ответ бывает очень простым, например ссылка на какую-то статью или ресурс который поможет) а для ответов существует поле ответ, где можно развернуто написать ответ, описать проблему и показать как ее решить
    – E1mir
    31 мая 2020 в 12:03
  • Спасибо, я понял!
    – Debugger
    5 июл 2020 в 9:58

1 ответ 1

4

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')
2
  • Я понял. Спасибо!
    – Debugger
    31 мая 2020 в 8:51
  • @Jaguar Я обновил ответ
    – E1mir
    31 мая 2020 в 8:55

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.