Właściwość outerHTML

Właściwość outerHTML pozwala pobrać i zmienić kod HTML elementu razem z jego znacznikiem.

Składnia

javascriptelement.outerHTML;

Przykład

Wypiszmy tekst elementu za pomocą właściwości outerHTML:

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

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

Wynik wykonania kodu:

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

Przykład

Zamieńmy akapit na div z takim samym tekstem:

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

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

Wynik wykonania kodu:

html<div>text</div>

Zobacz także