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 кодини ўз ичига олади