Właściwość outerHTML
Właściwość outerHTML pozwala pobrać
i zmienić kod HTML elementu razem z jego znacznikiem.
Składnia
element.outerHTML;
Przykład
Wypiszmy tekst elementu za pomocą
właściwości outerHTML:
<p id="elem">text</p>
let elem = document.querySelector('#elem');
console.log(elem.outerHTML);
Wynik wykonania kodu:
'<p id="elem">text</p>'
Przykład
Zamieńmy akapit na div z takim
samym tekstem:
<p id="elem">text</p>
let elem = document.querySelector('#elem');
elem.outerHTML = '<div>' + elem.innerHTML + '</div>';
Wynik wykonania kodu:
<div>text</div>
Zobacz także
-
właściwość
textContent,
która zawiera tekst elementu -
właściwość
innerHTML,
która zawiera kod HTML elementu
