Às vezes, queremos encontrar o elemento de rótulo HTML associado a uma determinada entrada com JavaScript.

Neste artigo, veremos como localizar o elemento de rótulo HTML associado a uma determinada entrada com JavaScript.

Encontre o elemento de rótulo HTML associado a uma determinada entrada com JavaScript

Podemos usar a labelspropriedade da entrada para obter o rótulo associado à entrada.

Por exemplo, se tivermos o seguinte HTML:

<div>
  <label for='name'>name</label>
  <input name='nameInput' id='name'>
</div>

const input = document.querySelector('input')
console.log(input.labels)

Em seguida, obtemos os elementos de rótulo para a entrada com a labelspropriedade.

O forvalor do atributo do rótulo deve corresponder ao idatributo da entrada para que sejam associados entre si.

input.labelsdeve retornar uma NodeList com os elementos de rótulo para a entrada.

Conclusão

Podemos usar a labelspropriedade da entrada para obter o rótulo associado à entrada.

O forvalor do atributo do rótulo deve corresponder ao idatributo da entrada para que sejam associados entre si.

Mais conteúdo em PlainEnglish.io .

Assine nosso boletim informativo semanal gratuito . Siga-nos no Twitter , LinkedIn , YouTube e Discord .