Questa guida spiega la proprietà 'nodeValue' dell'elemento HTML DOM in JavaScript.
Che cos'è la proprietà 'nodeValue' dell'elemento HTML DOM in JavaScript?
L'elemento DOM (Document Object Model) ' nodeValue ” è una proprietà utile che imposta e recupera il valore di un nodo. Questo metodo restituisce 'null' se il nodo specificato fa riferimento a un nodo elemento. Questa proprietà restituisce anche il testo di un nodo se è racchiuso nel nodo di testo. Il suo valore di ritorno dipende dal tipo di nodo.
Sintassi (Imposta 'nodeValue')
nodo. nodeValue = valore
La sintassi di cui sopra richiede il ' valore ” che l'utente desidera impostare per il nodo desiderato.
Sintassi (Return 'nodeValue')
nodo. nodeValue
Questa data sintassi restituisce un ' nullo ” valore per i nodi elemento e documento, “ testo ” per commenti e nodi di testo, e “ attributo ” per i nodi degli attributi.
Implementiamo la proprietà sopra definita con l'aiuto dell'esempio indicato.
Esempio: applicazione della proprietà 'nodeValue' dell'elemento DOM per recuperare il testo di un elemento
Questo esempio applica la proprietà 'nodeValue' per ottenere il testo del pulsante creato.
Codice HTML
Innanzitutto, guarda il codice indicato di seguito:
< pulsante > Nuovo pulsante. < / pulsante >< P id = 'per' >< / P >
Nelle righe di codice sopra:
- IL '
Il tag ” aggiunge un pulsante. - IL ' Il tag ” incorpora un paragrafo vuoto con un id “para”.
codice javascript
Ora, segui il codice JavaScript indicato di seguito:
< copione >cost elemento = documento. getElementsByTagName ( 'PULSANTE' ) [ 0 ] ;
lasciate risultato = elemento. childNodes [ 0 ] . nodeValue ;
documento. getElementById ( 'per' ) . innerHTML = ' Il valore del nodo è: ' + risultato ;
copione >
Nelle righe di codice precedenti:
- Innanzitutto, dichiara una variabile 'elem' che applica il ' getElementsByTagName() ” per accedere all'elemento tramite il nome del tag posizionato all'indice “0”.
- Successivamente la variabile 'risultato' utilizza il ' nodeValue ” proprietà collegata con il “ childNodes ” per ottenere il valore del nodo figlio specifico.
- Infine il “ getElementById() Il metodo ” accede al paragrafo vuoto usando il suo id “para” per aggiungervi il valore della variabile “result”, cioè il testo del pulsante.
Produzione
Si vede che l'output mostra il testo dell'elemento '
Conclusione
In JavaScript, il ' nodeValue La proprietà ” di HTML DOM aiuta a impostare e ottenere la proprietà del valore del nodo. Il valore restituito di questa proprietà si basa sul tipo di nodo. Questa proprietà non mostra alcun valore per l'elemento così come per il documento. Questa guida ha spiegato brevemente la proprietà 'nodeValue' dell'elemento HTML DOM in JavaScript.