Exemplu
Ia conținutul text al primului <button> element din document:
var x =
document.getElementsByTagName("BUTTON")[0].textContent;Rezultatul x va fi:
Try it Yourself »
Încearcă - l singur » Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.
Definiție și utilizare
Seturile de textContent de proprietate sau returnează conținutul textual al nodului specificat, și toți descendenții săi.
Dacă setați proprietatea textContent, toate nodurile copil sunt eliminate și înlocuite cu un nod text unic care conține șirul specificat.
Sfat: Uneori , această proprietate poate fi folosit în loc de nodeValue proprietate, dar nu uitați că această proprietate returnează textul tuturor nodurilor copil, de asemenea.
Indicație: Pentru a seta sau a reveni conținutul HTML al unui element, utilizați innerHTML proprietate.
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin proprietatea.
| Proprietate | |||||
|---|---|---|---|---|---|
| textContent | 1.0 | 9 | da | da | da |
Sintaxă
Întoarcere conținutul text al unui nod:
node .textContentSetați conținutul text al unui nod:
node .textContent= text Valori de proprietate
| Valoare | Tip | Descriere |
|---|---|---|
| text | Şir | Specifică conținutul text al nodului specificat |
Detalii tehnice
| Întoarcere Valoare: | Un șir, reprezentând textul nodului și toți descendenții săi |
|---|---|
| DOM Versiunea | Nivelul Core 3 Nod Obiect |
Mai multe exemple
Exemplu
Modificarea conținutului textual al unui <p> elementul cu id = "MYP":
document.getElementById("demo").textContent = "Paragraph changed!"; Încearcă - l singur » Exemplu
Obține tot conținutul textual al unui <ul> elementul cu id = „myList“:
var x = document.getElementById("myList").textContent;Valoarea lui x va fi:
Coffee Tea Încearcă - l singur » Exemplu
Acest exemplu demonstrează diferențele dintre textContent și proprietatea 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;
} Încearcă - l singur »