Proprietatea outerHTML
Proprietatea outerHTML permite obținerea
și modificarea codului HTML al unui element împreună cu tag-ul său.
Sintaxă
element.outerHTML;
Exemplu
Să afișăm textul elementului folosind
proprietatea outerHTML:
<p id="elem">text</p>
let elem = document.querySelector('#elem');
console.log(elem.outerHTML);
Rezultatul executării codului:
'<p id="elem">text</p>'
Exemplu
Să facem un div cu același
text în loc de paragraf:
<p id="elem">text</p>
let elem = document.querySelector('#elem');
elem.outerHTML = '<div>' + elem.innerHTML + '</div>';
Rezultatul executării codului:
<div>text</div>
Vezi și
-
proprietatea
textContent,
care conține textul elementului -
proprietatea
innerHTML,
care conține codul HTML al elementului
