Modifica il valore di textNode

C'è un modo per modificare il valore di un textNode DOM nel browser web?

In particolare, voglio vedere se posso cambiare il nodo esistente, piuttosto che crearne uno nuovo.

Per chiarire, devo farlo con Javascript. Tutto il testo nel browser è memorizzato in #textNodes che sono figli di altri nodi HTML, ma non possono avere nodi figli propri.

Come spiegato di seguito, il contenuto può essere modificato impostando la proprietà nodeValue di questi oggetti.

javascript dom dhtml

— levik
fonte

Esempio di HTML e cosa vorresti cambiare? Vuoi farlo usando javascript?

— shahkalpesh

Durante la mia ricerca sulla stessa domanda, ho scoperto che Mozilla Developer Network solleva un avviso di sicurezza innerHTMLsull'utilizzo e ne favorisce l' textContentutilizzo . L'uso textContentfunziona bene per me.

— Joël

Risposte:

130

Se hai un nodo specifico (di tipo #text) e vuoi cambiarne il valore puoi usare la proprietà nodeValue :

node.nodeValue="new value";

Nota:

innerText (e ~~possibilmente~~ textContent) restituirà / imposterà il testo sia del nodo corrente che di tutti i nodi discendenti, quindi potrebbe non essere il comportamento che desideri / ti aspetti.

— Cenere
fonte

Sì, nodeValue è perfetto per questo. innerText e textContent differiscono a questo proposito: IE (che ha creato innerText) non lo supporta sui nodi #text (poiché non ci sono nodi figlio da textify), mentre textContent doveva essere usato su entrambi i nodi #Element E #text.

— Crescent Fresh

C'è anche "data" come breve sinonimo di "nodeValue" sul testo (oltre a CDATASection e Comment).

— bobince

nodeValue è quello di cui avevo bisogno. Per qualche motivo ho pensato che fosse di sola lettura, ma sembra funzionare su FF3 e IE7. Grazie!

— levik

@petermeissner: questo risponde perfettamente alla domanda, quindi il tuo voto negativo è completamente ingiustificato.

— Tim Down

Non sempre funziona .. "Quando nodeValue è definito come null, l'impostazione non ha alcun effetto." .. Ho optato in quel caso per "textContent" ... impostandolo aggiornava anche il valore per "innerText"

— foobored

-10

Credo che innerHTML sia usato per questo ... Poi di nuovo, non è approvato dal W3C ... ma funziona ...

node.innerHTML="new value";

— KdgDev
fonte

+1 per una soluzione funzionante. nodeValue non mi consente di sostituire il contenuto dell'elemento

— petermeissner

Non dovresti mai usare innerHTMLpoiché tratta il codice come testo sia in lettura che in scrittura.

— Giovanni

@petermeissner: questo non risponde alla domanda. Devi impostare nodeValueil nodo di testo, non il suo elemento genitore.

— Tim Down