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 кодын қамтиды
