innerHTML касиети

innerHTML касиети элементтин HTML кодун алууга жана өзгөртүүгө мүмкүндүк берет.

Синтаксис

javascriptэлемент.innerHTML;

Мисал

Элементтин HTML кодун чыгаралы:

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

Кодду иштетүүнүн натыйжасы:

javascript'<b>text</b>'

Мисал

HTML кодду жаңысына алмаштыралы:

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

Кодду иштетүүнүн натыйжасы:

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

Ошондой эле караңыз

  • textContent касиети,
    ал элементтин текстин камтыйт
  • outerHTML касиети,
    ал элементтин сырткы HTML кодун камтыйт