outerHTML касиети

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

Синтаксис

javascriptэлемент.outerHTML;

Мисал

outerHTML касиетинин жардамы менен элементтин текстин чыгаралы:

html<p id="elem">текст</p>

javascriptlet elem = document.querySelector('#elem');
console.log(elem.outerHTML);

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

javascript'<p id="elem">текст</p>'

Мисал

Абзацтын ордуна ушул текст менен div жасайлы:

html<p id="elem">текст</p>

javascriptlet elem = document.querySelector('#elem');
elem.outerHTML = '<div>' + elem.innerHTML + '</div>';

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

html<div>текст</div>

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