innerHTML xususiyati

innerHTML xususiyati elementning HTML kodini olish va o'zgartirish imkonini beradi.

Sintaksis

javascriptelement.innerHTML;

Misol

Keling, elementning HTML kodini chiqaramiz:

html<p id="elem"><b>text</b></p>
javascriptlet elem = document.querySelector('#elem');
console.log(elem.innerHTML);

Kodni bajarish natijasi:

javascript'<b>text</b>'

Misol

Keling, HTML kodini yangisiga almashtiramiz:

html<p id="elem"><b>text</b></p>
javascriptlet elem = document.querySelector('#elem');
elem.innerHTML = '<i>!!!</i>';

Kodni bajarish natijasi:

html<p id="elem"><i>!!!</i></p>

Shuningdek qarang

  • textContent xususiyati,
    bu elementning matnini o'z ichiga oladi
  • outerHTML xususiyati,
    bu elementning tashqi HTML kodini o'z ichiga oladi