Czasami chcemy znaleźć element etykiety HTML, który jest powiązany z danym wejściem za pomocą JavaScript.

W tym artykule przyjrzymy się, jak znaleźć element etykiety HTML powiązany z danym wejściem za pomocą JavaScript.

Znajdź element etykiety HTML powiązany z danym wejściem za pomocą JavaScript

Możemy użyć labelswłaściwości danych wejściowych, aby uzyskać etykietę powiązaną z danymi wejściowymi.

Na przykład, jeśli mamy następujący kod HTML:

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

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

Następnie otrzymujemy elementy etykiety dla danych wejściowych z labelswłaściwością.

Wartość foratrybutu etykiety powinna być zgodna z idatrybutem danych wejściowych, aby można je było ze sobą powiązać.

input.labelspowinien zwrócić NodeList z elementami etykiety dla danych wejściowych.

Wniosek

Możemy użyć labelswłaściwości danych wejściowych, aby uzyskać etykietę powiązaną z danymi wejściowymi.

Wartość foratrybutu etykiety powinna być zgodna z idatrybutem danych wejściowych, aby można je było ze sobą powiązać.

Więcej treści na PlainEnglish.io .

Zapisz się do naszego bezpłatnego cotygodniowego biuletynu . Śledź nas na Twitterze , LinkedIn , YouTube i Discordzie .