HTML DOM Element textContent-attribut

Definition och användning

textContent Ett attribut som anger eller returnerar textinnehållet för en specifik node samt alla dess efterkommande.

Om du har satt textContent Ett attribut som tar bort alla undernoder och ersätter dem med en enskild textnod som innehåller den givna strängen.

Tips:Ibland kan detta attribut användas för att ersätta nodeValue-attributet, men kom ihåg att detta attribut också returnerar text från alla undernoder.

Se också:

innerText-attributet

innerHTML-attributet

Exempel

Exempel 1

Returnera textinnehållet för elementet:

text = element.textContent;

Prova själv

Exempel 2

Ändra textinnehållet för <p>-elementet med id="demo":

element.textContent = "Jag har ändrats!";

Prova själv

Exempel 3

Hämta all textinnehåll för <ul>-elementet med id="myList":

text = document.getElementById("myList").textContent;

Prova själv

syntaks

returnera textinnehållet för en nod:

element.textContent

eller

nod.textContent

sätt textinnehållet för en nod:

element.textContent = text
nod.textContent = text

attributvärde

värde beskrivning
text textinnehållet för ett element eller en nod.

returneringsvärde

typ beskrivning
sträng

textinnehållet för elementet och alla dess efterkommande.

Om elementet är document, document type eller notation, returneras null.

Skillnaden mellan innerHTML, innerText och textContent

innerText-attributet returnerar:

Returnerar bara textinnehållet för elementet och alla dess underliggande element, utan dold CSS-text, avstånd och taggar, utom <script> och <style>-element.

innerHTML-attributet returnerar:

textinnehållet för elementet, inklusive alla tomma tecken och interna HTML-taggar.

textContent-attributet returnerar:

textinnehållet för elementet och alla dess efterkommande, inklusive tomma tecken och dold CSS-text, utan taggar.

HTML-exempel

<p id="myP">   Detta element har extra avstånd     och innehåller <span>ett span-element</span>.</p>

JavaScript-exempel

let text = document.getElementById("myP").innerText;
let text = document.getElementById("myP").innerHTML;
let text = document.getElementById("demo").textContent;

Prova själv

I föregående exempel:

innerText-attributet returnerar:

Detta element har extra avstånd och innehåller ett span-element.

innerHTML-attributet returnerar:

   Detta element har extra avstånd och innehåller <span>ett span-element</span>.

textContent-attributet returnerar:

   Detta element har extra avstånd och innehåller ett span-element.

webbläsarstöd

element.textContent är en DOM Level 3 (2004) egenskap.

alla webbläsare stöder det fullständigt:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Stöd 9-11 Stöd Stöd Stöd Stöd