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
elem.outerHTML;
Példa
Jelenítsük meg az elem szövegét az
outerHTML tulajdonság segítségével:
<p id="elem">szöveg</p>
let elem = document.querySelector('#elem');
console.log(elem.outerHTML);
A kód végrehajtásának eredménye:
'<p id="elem">szöveg</p>'
Példa
Csináljunk a bekezdés helyett egy div-et ugyanazzal
a szöveggel:
<p id="elem">szöveg</p>
let elem = document.querySelector('#elem');
elem.outerHTML = '<div>' + elem.innerHTML + '</div>';
A kód végrehajtásának eredménye:
<div>szöveg</div>
Lásd még
-
a
textContenttulajdonság,
amely az elem szövegét tartalmazza -
a
innerHTMLtulajdonság,
amely az elem HTML kódját tartalmazza
