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ł |
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 "