innerText
Misol
Elementning ichki matnini oling:
let text = element.innerText;
O‘zingiz sinab ko‘ring »
Quyida ko‘proq misollar.
Tavsif
innerText xususiyati elementning matn tarkibini o‘rnatadi yoki qaytaradi.
Eslatma
innerText 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
Element yoki tugunning matn tarkibini qaytarish:
element.innerTextyokinode.innerText
Element yoki tugunning matn tarkibini o‘rnatish:
element.innerText = textyokinode.innerText = text
Xususiyat qiymati
| Xususiyat | Tavsif |
| text | Elementning matn tarkibi. |
Qaytariladigan qiymat
| Tip | Tavsif |
| String | Element va uning barcha avlodlarining matn tarkibi (<script> va <style> elementlaridan tashqari). |
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.innerText barcha brauzerlarda qo‘llab-quvvatlanadi:
| Chrome | IE | Edge | Firefox | Safari | Opera |
| Ha | 10-11 | Ha | Ha | Ha | Ha |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!