outerHTML Özelliği
outerHTML özelliği, bir öğenin
HTML kodunu etiketiyle birlikte almayı ve değiştirmeyi sağlar.
Sözdizimi
öğe.outerHTML;
Örnek
outerHTML özelliği ile bir öğenin
metnini yazdıralım:
<p id="elem">metin</p>
let elem = document.querySelector('#elem');
console.log(elem.outerHTML);
Kodun çalıştırılmasının sonucu:
'<p id="elem">metin</p>'
Örnek
Paragraf yerine aynı metne sahip
bir div yapalım:
<p id="elem">metin</p>
let elem = document.querySelector('#elem');
elem.outerHTML = '<div>' + elem.innerHTML + '</div>';
Kodun çalıştırılmasının sonucu:
<div>metin</div>
Ayrıca Bakınız
-
öğenin metnini içeren
textContentözelliği,
-
öğenin HTML kodunu içeren
innerHTMLözelliği,
