Zmień wartość textNode

Czy istnieje sposób na zmianę wartości DOM textNode w przeglądarce internetowej?

W szczególności chcę sprawdzić, czy mogę zmienić istniejący węzeł, zamiast tworzyć nowy.

Aby wyjaśnić, muszę to zrobić za pomocą JavaScript. Cały tekst w przeglądarce jest przechowywany w #textNodes, które są elementami podrzędnymi innych węzłów HTML, ale nie mogą mieć własnych węzłów podrzędnych.

Jak udzielono poniżej, zawartość można zmienić, ustawiając właściwość nodeValue tych obiektów.

javascript dom dhtml

— levik
źródło

Przykład HTML i co chciałbyś zmienić? Czy chcesz to zrobić za pomocą javascript?

— shahkalpesh,

Podczas moich badań nad tym samym pytaniem dowiedziałem się, że Mozilla Developer Network zgłasza ostrzeżenie o bezpieczeństwie innerHTMLużytkowania i faworyzuje textContentużycie . U textContentmnie działa dobrze.

— Joël

Odpowiedzi:

133

Jeśli masz określony węzeł (typu #text) i chcesz zmienić jego wartość, możesz użyć właściwości nodeValue :

node.nodeValue="new value";

Uwaga:

innerText (i ~~możliwie~~ textContent) zwróci / ustawi tekst zarówno dla bieżącego węzła, jak i dla wszystkich węzłów podrzędnych, więc może nie być zachowaniem, którego chcesz / oczekujesz.

— Popiół
źródło

Tak, nodeValue jest do tego idealny. innerText i textContent różnią się pod tym względem: IE (który stworzył innerText) nie obsługuje go w węzłach #text (ponieważ nie ma węzłów potomnych do tekstowania), podczas gdy textContent miał być używany zarówno w węzłach #Element, jak i #text.

— Crescent Fresh,

Istnieje również „data” jako krótki synonim „nodeValue” w tekście (a także CDATASection i Comment).

— bobince

nodeValue jest tym, którego potrzebowałem. Z jakiegoś powodu myślałem, że jest tylko do odczytu, ale wydaje się, że działa na FF3 i IE7. Dzięki!

— levik

@petermeissner: To doskonale odpowiada na pytanie, więc Twój głos przeciw jest całkowicie nieuzasadniony.

— Tim Down

Nie zawsze działa .. „Gdy wartość nodeValue jest zdefiniowana jako null, ustawienie jej nie ma wpływu.” .. Zdecydowałem się w tym przypadku na „textContent”… ustawiając go zaktualizowałem również wartość „innerText”

— przekazano

-10

Uważam, że do tego używany jest innerHTML ... Z drugiej strony, to nie jest zatwierdzone przez W3C ... ale działa ...

node.innerHTML="new value";

— KdgDev
źródło

+1 za działające rozwiązanie. nodeValue nie pozwala mi zastąpić zawartości elementu

— petermeissner

Nigdy nie powinieneś używać, innerHTMLponieważ traktuje kod jako tekst zarówno podczas czytania, jak i pisania.

— Jan

@petermeissner: To nie odpowiada na pytanie. Musisz ustawić nodeValuewęzeł tekstowy, a nie jego element nadrzędny.

— Tim Down