JavaScript TextContent | Wyjaśnione

W JavaScript istnieją różne właściwości, które można użyć do dostępu i modyfikacji zawartości tagów HTML i.mi. TextContent, Innertext, I InnerHtml. TextContent właściwość zwraca cały tekst zawarty przez element/węzeł i wszystkich jego potomków, w tym przestrzenie i ukryty tekst CSS, z wyjątkiem tagów. Właściwość Innertext zwraca całą zawartość tekstu węzła/elementu i jego elementów dziecięcych, ale bez odstępów i tagów HTML, z wyjątkiem stylu i tagów skryptowych. Podczas InnerHtml Zwraca cały tekst zawarty przez element, w tym przestrzenie i znaczniki HTML.

Ten post wyjaśni poniżej listy aspektów dotyczących TextContent nieruchomość:

• Co to jest TextContent w JavaScript
• Podstawowa składnia
• Co zwraca właściwość TextContent
• Jak używać TextContent w JavaScript

A więc zacznijmy!

Co to jest TextContent w JavaScript

Jest to właściwość, która pozwala nam uzyskać lub ustawić treść tekstu węzła lub element. Ustawienie właściwości TextContent usunie i zastąpi węzły dziecięce nowym węzłem tekstowym.

Podstawowa składnia

Poniższy fragment podbity pokaże, jak uzyskać/zwrócić treść tekstu węzła lub elementu:

element.TextContent | węzeł.TextContent

Rozważmy poniższy fragment, aby zrozumieć, jak ustawić treść tekstu węzła lub elementu:

element.TextContent = tekst | węzeł.TextContent = Text

Co zwraca właściwość TextContent

W JavaScript właściwość TextContent zwraca zawartość elementu/węzła i wszystkich jego potomków (węzły dziecięce). Zwraca Null, jeśli element/węzeł jest typem dokumentu/notacji.

Jak używać właściwości TextContent w JavaScript

Do tej pory skończymy z teoretyczną częścią właściwości TextContent. Teraz przejdźmy o krok naprzód, aby praktycznie wdrożyć wszystkie te teoretyczne koncepcje.

Przykład 1: Rozważmy poniżej przekazany kod, aby zrozumieć, jak uzyskać/zwrócić treść tekstu elementu za pomocą właściwości TextContent w JavaScript:

> Witamy w Linuxhint.com

W powyższym fragmencie kodu, po pierwsze, wykorzystaliśmy getElementById (), aby wybrać element H2 z identyfikatorem „Pozdrowienia”. Następnie uzyskaliśmy dostęp do właściwości TextContent, aby wyświetlić tekst węzła.

W ten sposób właściwość TextContent modyfikuje tekst elementu w JavaScript.

Przykład2: Jak ustawić treść tekstu elementu za pomocą właściwości TextContent:

właściwość TextContent

KLIKNIJ

Powyższy blok kodu wytworzy następujące dane wyjściowe:

W ten sposób właściwość TextContent ustawia tekst w JavaScript.

Wniosek

W JavaScript właściwość TextContent pozwala nam uzyskać lub ustawić treść tekstu węzła lub elementu. Ustawienie właściwości TextContent usunie i zastąpi węzły dziecięce nowym węzłem tekstowym. Właściwość TextContent zwraca zawartość elementu/węzła i wszystkich jego potomków (węzły dziecięce). Zwraca Null, jeśli element/węzeł jest typem dokumentu/notacji/dokumentu. Ten zapis wyjaśnił, czym jest TextContent, co powraca i jak go używać w JavaScript.