Īpašība outerHTML
Īpašība outerHTML ļauj iegūt
un mainīt elementa HTML kodu kopā ar tā tagu.
Sintakse
element.outerHTML;
Piemērs
Izvadīsim elementa tekstu, izmantojot
īpašību outerHTML:
<p id="elem">teksts</p>
let elem = document.querySelector('#elem');
console.log(elem.outerHTML);
Koda izpildes rezultāts:
'<p id="elem">teksts</p>'
Piemērs
Izveidosim div ar tādu pašu
tekstu rindkopas vietā:
<p id="elem">teksts</p>
let elem = document.querySelector('#elem');
elem.outerHTML = '<div>' + elem.innerHTML + '</div>';
Koda izpildes rezultāts:
<div>teksts</div>
Skatiet arī
-
īpašība
textContent,
kura satur elementa tekstu -
īpašība
innerHTML,
kura satur elementa HTML kodu
