textContent
Misollar
Elementning matn tarkibini qaytaring:
let text = element.textContent;
O‘zingiz sinab ko‘ring »
id="demo" bo‘lgan <p> elementining matn tarkibini o‘zgartiring:
element.textContent = "I have changed!";
O‘zingiz sinab ko‘ring »
id="myList" bo‘lgan <ul> elementining butun matn tarkibini oling:
let text = document.getElementById("myList").textContent;
O‘zingiz sinab ko‘ring »
Tavsif
textContent xususiyati ko‘rsatilgan tugunning va uning barcha avlodlarining matn tarkibini o‘rnatadi yoki qaytaradi.
Eslatma
textContent xususiyatini o‘rnatganingizda barcha bola tugunlar olib tashlanadi va ular o‘rniga faqat bitta yangi matn tuguni qo‘yiladi.
Shuningdek qarang:
innerHTML, innerText va textContent
o‘rtasidagi farqlar
Quyida qarang
Sintaksis
Tugunning matn tarkibini qaytarish:
element.textContentyokinode.textContent
Tugunning matn tarkibini o‘rnatish:
element.textContent = text
node.textContent = text
Xususiyat qiymati
| Xususiyat | Tavsif |
| text | Element yoki tugunning matn tarkibi. |
Qaytariladigan qiymat
| Tip | Tavsif |
| String | Element va uning barcha avlodlarining matn tarkibi. Agar element hujjat, hujjat turi (document type) yoki notatsiya bo‘lsa, null qaytaradi. |
innerHTML, innerText va textContent
o‘rtasidagi farqlar
| innerHTML xususiyati quyidagini qaytaradi: Elementning matn tarkibi — barcha bo‘sh joylar va ichki HTML teglari bilan birga. |
| innerText xususiyati quyidagini qaytaradi: Faqat element va uning barcha bolalarining matn tarkibi — CSS orqali yashirilgan matn, bo‘sh joylar va teglarsiz, <script> va <style> elementlaridan tashqari. |
| textContent xususiyati quyidagini qaytaradi: Element va uning barcha avlodlarining matn tarkibi — bo‘sh joylar va CSS orqali yashirilgan matn bilan birga, lekin teglarsiz. |
HTML misol
<p id="myP"> This element has extra spacing and contains <span>a span element</span>.</p>
JavaScript misollari
let text = document.getElementById("myP").innerText;
let text = document.getElementById("myP").innerHTML;
let text = document.getElementById("demo").textContent;
O‘zingiz sinab ko‘ring »
Yuqoridagi misolda:
| innerText xususiyati quyidagini qaytaradi: This element has extra spacing and contains a span element. |
| innerHTML xususiyati quyidagini qaytaradi: This element has extra spacing and contains <span>a span element</span>. |
| textContent xususiyati quyidagini qaytaradi: This element has extra spacing and contains a span element. |
Brauzerlarda qo‘llab-quvvatlash
element.textContent DOM Level 3 (2004) imkoniyatidir.
U barcha zamonaviy brauzerlarda to‘liq qo‘llab-quvvatlanadi:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Ha | Ha | Ha | Ha | Ha | 11 |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!