Az outerHTML tulajdonság

Az outerHTML tulajdonság lehetővé teszi egy elem HTML kódjának lekérését és módosítását a címkéjével együtt.

Szintaxis

javascriptelem.outerHTML;

Példa

Jelenítsük meg az elem szövegét az outerHTML tulajdonság segítségével:

html<p id="elem">szöveg</p>

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

A kód végrehajtásának eredménye:

javascript'<p id="elem">szöveg</p>'

Példa

Csináljunk a bekezdés helyett egy div-et ugyanazzal a szöveggel:

html<p id="elem">szöveg</p>

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

A kód végrehajtásának eredménye:

html<div>szöveg</div>

Lásd még