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.



Doporučuji
Pro své weby používám *Webhosting C4: 20 GB prostoru, PHP, MySQL, e-maily, subdomény za 1200 Kč (zdarma 2 GB navíc každý rok). Více WebhostingC4.cz.
Potřebujete poradit?


Vyhledávání


Poradna

Pokud si nevíte rady, chcete kontakt na spolehlivého tvůrce webu, či vás zajímá cizí názor, ozvěte se.

Reklama