Come trovare l'elemento etichetta HTML associato a un dato input con JavaScript

Foto di Bram. su Unsplash

A volte, vogliamo trovare l'elemento etichetta HTML associato a un dato input con JavaScript.

In questo articolo vedremo come trovare l'elemento etichetta HTML associato a un dato input con JavaScript.

Trova l'elemento etichetta HTML associato a un dato input con JavaScript

Possiamo usare la labelsproprietà dell'input per ottenere l'etichetta associata all'input.

Ad esempio, se abbiamo il seguente codice HTML:

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

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

Quindi otteniamo gli elementi dell'etichetta per l'input con la labelsproprietà.

Il forvalore dell'attributo dell'etichetta deve corrispondere all'attributo iddell'input affinché possano essere associati tra loro.

input.labelsdovrebbe restituire un NodeList con gli elementi label per l'input.

Conclusione

Possiamo usare la labelsproprietà dell'input per ottenere l'etichetta associata all'input.

Il forvalore dell'attributo dell'etichetta deve corrispondere all'attributo iddell'input affinché possano essere associati tra loro.

Altri contenuti su PlainEnglish.io .

Iscriviti alla nostra newsletter settimanale gratuita . Seguici su Twitter , LinkedIn , YouTube e Discord .

Suggested posts

Ricerca di informazioni sui nomi di dominio

Un estratto da Small, Sharp Software Tools di Brian P. Hogan

Ricerca di informazioni sui nomi di dominio

Quando fai una richiesta a facebook.com, il tuo computer cerca il nome di dominio per tradurre quel nome di dominio in un indirizzo IP in modo che il tuo computer possa effettuare quella connessione.

Suggerimenti per la transizione alla sicurezza informatica senza un background tecnico.

Suggerimenti per la transizione alla sicurezza informatica senza un background tecnico.

Nel 2022 sono passato da un ruolo non tecnico alla sicurezza informatica. Ho conseguito la mia prima laurea in lingua tedesca, so che sei scioccato e curioso di sapere come sono riuscito a passare con successo, beh, è ​​appena successo.

Related posts

"La fossa delle Marianne svelata: svelare le terrificanti verità nascoste dell'abisso"

"La fossa delle Marianne svelata: svelare le terrificanti verità nascoste dell'abisso"

Introduzione:Benvenuti, coraggiosi lettori, in un viaggio che ci porterà nelle profondità più oscure del nostro pianeta. In questo blog, ci addentriamo nel mondo enigmatico della Fossa delle Marianne, scoprendo i suoi segreti nascosti e scoprendo le verità agghiaccianti che giacciono sotto la sua superficie.

La sfida di lettura di Goodreads è tossica

La sfida di lettura di Goodreads è tossica

Il prurito alla mano si diffuse mentre mercanteggiavo con il libraio locale per un altro libro. Questo libro, come il resto che ho acquistato di recente, troverebbe il suo trono nella mia pila "Da leggere" (TBR); eppure l'ho comprato.

Journal Ouvert

Journal Ouvert

Diario aperto: una foto al giorno. Sono sempre stato affascinato dalle storie.

Perché alcuni freelance stanno fingendo le loro vite

Perché alcuni freelance stanno fingendo le loro vite

Recentemente sono stato su Linkedin, il social network professionale più grande del mondo, e ho trovato post di designer freelance che seguo che hanno attirato la mia attenzione. Tutti hanno postato foto dagli aeroplani, sulla spiaggia con i loro laptop, dalle piscine e dagli uffici con viste mozzafiato.