Īpašība outerHTML

Īpašība outerHTML ļauj iegūt un mainīt elementa HTML kodu kopā ar tā tagu.

Sintakse

javascriptelement.outerHTML;

Piemērs

Izvadīsim elementa tekstu, izmantojot īpašību outerHTML:

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

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

Koda izpildes rezultāts:

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

Piemērs

Izveidosim div ar tādu pašu tekstu rindkopas vietā:

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

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

Koda izpildes rezultāts:

html<div>teksts</div>

Skatiet arī