outerHTML Özelliği

outerHTML özelliği, bir öğenin HTML kodunu etiketiyle birlikte almayı ve değiştirmeyi sağlar.

Sözdizimi

javascriptöğe.outerHTML;

Örnek

outerHTML özelliği ile bir öğenin metnini yazdıralım:

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

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

Kodun çalıştırılmasının sonucu:

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

Örnek

Paragraf yerine aynı metne sahip bir div yapalım:

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

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

Kodun çalıştırılmasının sonucu:

html<div>metin</div>

Ayrıca Bakınız