innerHTML
Misol
id="myP" bo‘lgan elementning HTML tarkibini oling:
let html = document.getElementById("myP").innerHTML;
O‘zingiz sinab ko‘ring »
id="demo" bo‘lgan elementning HTML tarkibini o‘zgartiring:
document.getElementById("demo").innerHTML = "I have changed!";
O‘zingiz sinab ko‘ring »
id="myList" bo‘lgan <ul> elementining HTML tarkibini oling:
let html = document.getElementById("myList").innerHTML;
O‘zingiz sinab ko‘ring »
id="demo" bo‘lgan <p> elementining HTML tarkibini o‘chiring:
element.innerHTML = "";
O‘zingiz sinab ko‘ring »
Quyida ko‘proq misollar.
Tavsif
innerHTML xususiyati elementning HTML tarkibini (ichki HTML) o‘rnatadi yoki qaytaradi.
innerHTML, innerText va textContent
o‘rtasidagi farqlar
Quyida qarang
Sintaksis
innerHTML xususiyatini qaytarish:
element.innerHTML
innerHTML xususiyatini o‘rnatish:
element.innerHTML = text
Xususiyat qiymati
| Xususiyat | Tavsif |
| String | HTML tarkib. |
Qaytariladigan qiymat
| Tip | Tavsif |
| String | Elementning HTML tarkibi. |
Ko‘proq misollar
Misol
Ikki elementning HTML tarkibini o‘zgartiring:
let text = "Hello Dolly.";
document.getElementById("myP").innerHTML = text;
document.getElementById("myDIV").innerHTML = text;
O‘zingiz sinab ko‘ring »
Misol
Elementning HTML tarkibini takrorlang:
element.innerHTML += element.innerHTML;
O‘zingiz sinab ko‘ring »
Misol
Havolaning HTML tarkibi va URL manzilini o‘zgartiring:
element.innerHTML = "W3Schools";
element.href = "https://www.w3schools.com";
O‘zingiz sinab ko‘ring »
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.innerHTML barcha brauzerlarda qo‘llab-quvvatlanadi:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Ha | Ha | Ha | Ha | Ha | Ha |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!