Najnowsze tutoriale tworzenie stron internetowych
 

HTML DOM textContent Propery

<Element Przedmiot

Przykład

Uzyskać zawartość tekstową pierwszego <button> elementu w dokumencie:

var x = document.getElementsByTagName("BUTTON")[0].textContent;

Wynikiem X będzie:

Try it Yourself »
Spróbuj sam "

Więcej "Try it Yourself" przykłady poniżej.


Definicja i Wykorzystanie

Zestawy textContent własności lub zwraca zawartość tekstową określonego węzła i wszystkich jego potomków.

Jeśli ustawisz właściwość textContent wszelkie węzły potomne są usunięte i zastąpione jednym węźle tekstu zawierającego określony ciąg.

Wskazówka: Czasami ta właściwość może być stosowany zamiast nodeValue nieruchomości, ale należy pamiętać, że ta właściwość zwraca tekst wszystkich węzłów potomnych, jak również.

Wskazówka: Aby ustawić lub przywrócić zawartość HTML elementu, należy użyć innerHTML właściwość.


Wsparcie przeglądarka

Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje właściwość.

Nieruchomość
textContent 1,0 9.0 tak tak tak

Składnia

Zwraca zawartość tekstową węzła:

node .textContent

Ustaw zawartość tekstową węzła:

node .textContent= text

wartości nieruchomości

Wartość Rodzaj Opis
tekst Strunowy Określa zawartość tekstową określonego węzła

Szczegóły techniczne

Zwracana wartość: Ciąg reprezentujący tekst węzła i wszystkich jego potomków
DOM Version Rdzeń poziomu obiektu 3 Węzeł

Przykłady

Więcej przykładów

Przykład

Zmień zawartość tekstową o <p> elementu o id = „MYP”:

document.getElementById("demo").textContent = "Paragraph changed!";
Spróbuj sam "

Przykład

Dostać całą zawartość tekstową z <ul> elementu o id = „myList”:

var x = document.getElementById("myList").textContent;

Wartość x będzie:

Coffee Tea
Spróbuj sam "

Przykład

Ten przykład pokazuje różnice między textContent i własności innerHTML:

function getText() {
    var x = document.getElementById("myList").textContent;
    document.getElementById("demo").innerHTML = x;
}

function getHTML() {
    var x = document.getElementById("myList").innerHTML;
    document.getElementById("demo").innerHTML = x;
}
Spróbuj sam "

<Element Przedmiot