Come utilizzare il metodo getElementsByTagName in JavaScript
IL "getElementByTagName ()"È il metodo Element DOM specifico che restituisce tutti gli elementi presenti in una pagina Web insieme al suo nome di tag. Accetta il "Nome tag"Come argomento e restituisce la sua collezione dal vivo che è apparsa nell'intero documento. La collezione live significa che fornisce automaticamente l'elenco aggiornato se uno qualsiasi degli elementi HTML verrà aggiunto o rimosso dal documento.
Questa guida spiega come usare il "getElementsByTagName ()"Metodo in JavaScript.
Come utilizzare il metodo "getElementsByTagname ()" in JavaScript?
IL "getElementByTagName ()"Viene utilizzato principalmente per accedere a un particolare elemento HTML tramite il nome del tag.
Sintassi
var elements = document.getElementsByTagName (tagName);Nella sintassi sopra, il "Tagname"Corrisponde al tag dell'elemento che deve essere recuperato.
Ora applichiamo il "getElementByTagName ()"Metodo in diversi modi con l'aiuto dei seguenti esempi.
Esempio 1: applicare il metodo "getElementsByTagname ()" per contare "
"Tag
In questo esempio, il conteggio del " (paragrafo)
Codice HTML
Panoramiamo il seguente codice HTML:
Contare il paragrafo usando il metodo getElementsByTagname ()
Questo è il Primo paragrafo.
Questo è il secondo paragrafo.
Questo è il terzo paragrafo.
Questo è il il quarto paragrafo.
Nel codice HTML sopra:
- IL ""Afferma il primo sottotitolo.
- IL ""Il tag definisce i paragrafi dichiarati. Include anche il “”Tag in grassetto a grassetto una parola specifica.
- IL ""Il tag aggiunge un pulsante con un associato"al clic"Reindirizzamento dell'evento alla funzione denominata"contare()"Verrà attivato sul clic del pulsante.
Codice JavaScript
Quindi, passa al codice JavaScript:
Nelle righe di codice sopra:
- Definire una funzione chiamata "contare()".
- Nella sua definizione, dichiarare la variabile "Parà"Accesso ai paragrafi inclusi tramite"documento.getElementByTagName ()" metodo.
- Dopodiché, un "mettere in guardia"La scatola viene utilizzata per visualizzare il numero totale di paragrafi utilizzando il"lunghezza" proprietà.
Produzione
Come visto, l'output si presenta un "scatola di allerta"Che mostra il conteggio totale del" Esempio 2: Applicazione del metodo "getElementsByTagname ()" per contare " "Tag In questo esempio, il metodo discusso può essere applicato allo stesso modo, conta il " Codice HTML In primo luogo, guarda il codice HTML sotto fornito: Sintassi Lavorando Utilizzo Significato Conclusione Nelle righe di codice sopra: " Codice JavaScript Successivamente, panoramica del codice JavaScript: Nel codice JavaScript sopra: Tag nel documento corrente con l'aiuto di "documento.getElementByTagName ()" metodo. Produzione L'output mostra il conteggio totale i.e., "5"Dei tag HTML" Esempio 3: Applicazione del metodo "getElementsByTagname ()" per personalizzare gli elementi Oltre all'elenco degli elementi HTML, il "getElementByTagName ()"Può anche essere applicato per personalizzare anche gli elementi. Codice HTML Attraversare il seguente codice HTML: Personalizza il paragrafo utilizzando il metodo getElementsByTagName () Questo è il Primoparagrafo. Questo è il secondoparagrafo. Questo è il terzoparagrafo. Questo è il il quartoparagrafo. Nel codice HTML sopra: Codice JavaScript Ora dai un'occhiata al codice JavaScript: Nel blocco del codice sopra: Produzione L'output mostra che lo stile di confine menzionato è implementato su tutti i " Conclusione IL "getElementsByTagName ()"Il metodo in JavaScript aiuta gli utenti a invocare la raccolta live di particolari elementi HTML in base ai nomi dei tag. Restituisce l'elenco aggiornato di elementi HTML in caso di modifica nel documento. Inoltre, può anche essere utilizzato per personalizzare il contenuto di elemento HTML specifico secondo i requisiti contemporaneamente. Questa guida ha dimostrato l'uso completo di "getElementsByTagName ()"Metodo in JavaScript.Metodo getElementsByTagName ()