innerHTML касиети
innerHTML касиети элементтин
HTML кодун алууга жана өзгөртүүгө мүмкүндүк берет.
Синтаксис
элемент.innerHTML;
Мисал
Элементтин HTML кодун чыгаралы:
<p id="elem"><b>text</b></p>
let elem = document.querySelector('#elem');
console.log(elem.innerHTML);
Кодду иштетүүнүн натыйжасы:
'<b>text</b>'
Мисал
HTML кодду жаңысына алмаштыралы:
<p id="elem"><b>text</b></p>
let elem = document.querySelector('#elem');
elem.innerHTML = '<i>!!!</i>';
Кодду иштетүүнүн натыйжасы:
<p id="elem"><i>!!!</i></p>
Ошондой эле караңыз
-
textContentкасиети,
ал элементтин текстин камтыйт -
outerHTMLкасиети,
ал элементтин сырткы HTML кодун камтыйт
