JavaScript TextContent | Forklart

I JavaScript er det forskjellige egenskaper som kan brukes til å få tilgang til og endre innholdet i HTML -tagger i.e. Tekstkonkurranse, Innertekst, og indrehtml. De Tekstkonkurranse Eiendom returnerer all teksten som er inneholdt av et element/node og alle dens etterkommere inkludert mellomrom og CSS skjult tekst, bortsett fra taggene. InterText -egenskapen returnerer alt tekstinnhold i en node/element og dens barneelementer, men uten avstand og HTML -tagger, bortsett fra stil- og skriptetappene. Mens indrehtml Returnerer all teksten som er inneholdt av et element inkludert mellomrom og HTML -koder.

Dette innlegget vil forklare de nedenfor-listede aspektene angående Tekstkonkurranse eiendom:

• Hva er TextContent i JavaScript
• Grunnleggende syntaks
• Hva returnerer Eiendoms eiendommer
• Hvordan bruke TextContent i JavaScript

Så la oss starte!

Hva er TextContent i JavaScript

Det er en egenskap som lar oss få eller angi tekstinnholdet i en node, eller et element. Innstilling av tekstinnholdsegenskapen vil fjerne og erstatte barneknuter med den nye tekstnoden.

Grunnleggende syntaks

Det undergitte utdraget vil vise hvordan du får/returnerer tekstinnholdet i en node eller element:

element.TEXTCONTENT | Node.Tekstkonkurranse

La oss vurdere utdraget nedenfor for å forstå hvordan du angir tekstinnholdet i en node eller element:

element.textContent = tekst | Node.textContent = tekst

Hva returnerer Eiendoms eiendommer

I JavaScript returnerer Egenskapen TextContent innholdet i et element/node og alle dets etterkommere (barneknuter). Den returnerer null hvis elementet/noden er en dokument/notasjonstype.

Hvordan du bruker textcontent -egenskap i JavaScript

Frem til nå er vi ferdige med den teoretiske delen av TextContent -egenskapen. La oss nå gå et skritt foran for å implementere alle disse teoretiske konseptene praktisk talt.

Eksempel1: La oss vurdere den undergitte koden for å forstå hvordan du får/returnerer tekstinnholdet i et element ved hjelp av TextContent-egenskapen i JavaScript:

> Velkommen til Linuxhint.com

I ovennevnte kodebit benyttet vi først getElementById () for å velge H2 -elementet med ID 'Hilsen'. Etterpå fikk vi tilgang til textcontent -egenskapen for å vise teksten til noden.

Slik endrer Egenskaper.

Eksempel2: Hvordan angi det tekstlige innholdet i et element ved hjelp av TextContent -egenskap:

TEXTCONTENT -egenskap

KLIKK PÅ MEG

Ovennevnte kodeblokk vil produsere følgende utgang:

Slik setter den tekstkonkurranseegenskapen teksten i JavaScript.

Konklusjon

I JavaScript lar TextContent -egenskapen oss få eller angi tekstinnholdet i en node, eller et element. Innstilling av tekstinnholdsegenskapen vil fjerne og erstatte barneknuter med den nye tekstnoden. Egenskapen TextContent returnerer innholdet i et element/node og alle dets etterkommere (barneknuter). Den returnerer null hvis elementet/noden er en dokument/notasjon/dokumenttype. Denne oppskrivningen forklarte hva tekstinnhold er, hva den kommer tilbake, og hvordan du bruker den i JavaScript.