outerHTML хусусияти

outerHTML хусусияти элементнинг HTML кодини унинг теги билан бирга олиш ва ўзгартириш имконини беради.

Синтаксис

javascriptэлемент.outerHTML;

Мисол

outerHTML хусусияти ёрдамида элементнинг матинини чиқарайлик:

html<p id="elem">text</p>

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

Кодни ишга тушириш натижаси:

javascript'<p id="elem">text</p>'

Мисол

Абзац ўрнига шундай матн билан div ясайлик:

html<p id="elem">text</p>

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

Кодни ишга тушириш натижаси:

html<div>text</div>

Шунингдек қаранг