DOM: outerHTML a outerText

Vlastnosti outerHTML a outerText jsou velmi podobné vlastnostem innerText a innerHTML, jejich podpora je rovněž zajištěna jen v Internet Exploreru. Nevrací však pouze obsah elementu, ale i element samotný a jeho atributy.

Proto, když budeme mít kód:

<div id="odstavec" style="display: none">
obsah divu
</div>

Vrátí vlastnost innerHTML jen "obsah divu", zatímco outerHTML vrátí "<div id="odstavec" style="display: none">obsah divu</div>"

window.alert(odstavec.innerHTML);
window.alert(odstavec.outerHTML);

Rozdíl je snad zřetelný. Při ukladání nových dat dojde i k přepsání původního elementu.

outerText

Vlastnost outerText vrací stejnou hodnotu jako innerText, avšak při ukládání pod identifikátor dojde i k přepsání tagu.

Navigace