innerHTML xassəsi

innerHTML xassəsi elementin HTML kodunu almağa və dəyişməyə imkan verir.

Sintaksis

javascriptelement.innerHTML;

Nümunə

Gəlin elementin HTML kodunu çıxaraq:

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

Kodun icrasının nəticəsi:

javascript'<b>text</b>'

Nümunə

Gəlin HTML kodu yeni ilə dəyişək:

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

Kodun icrasının nəticəsi:

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

Həmçinin bax

  • textContent xassəsi,
    elementin mətnini ehtiva edir
  • outerHTML xassəsi,
    elementin xarici HTML kodunu ehtiva edir