outerHTML қасиеті
outerHTML қасиеті элементтің HTML кодін
оның тегімен бірге алуға және өзгертуге мүмкіндік береді.
Синтаксис
элемент.outerHTML;
Мысал
outerHTML қасиеті арқылы элементтің мәтінін
шығарайық:
<p id="elem">мәтін</p>
let elem = document.querySelector('#elem');
console.log(elem.outerHTML);
Кодты орындау нәтижесі:
'<p id="elem">мәтін</p>'
Мысал
Абзацтың орнына сол мәтіні бар div
жасайық:
<p id="elem">мәтін</p>
let elem = document.querySelector('#elem');
elem.outerHTML = '<div>' + elem.innerHTML + '</div>';
Кодты орындау нәтижесі:
<div>мәтін</div>
Сондай-ақ қараңыз
-
textContentқасиеті,
ол элементтің мәтінін қамтиды -
innerHTMLқасиеті,
ол элементтің HTML кодін қамтиды
