Čitatelia ako vy pomáhajú podporovať MUO. Keď uskutočníte nákup pomocou odkazov na našej stránke, môžeme získať pridruženú províziu. Čítaj viac.

Vlastnosti innerHTML a externalHTML DOM vám umožňujú čítať a písať obsah na webovej stránke. Môžete ich použiť na načítanie značiek alebo na ich zmeny a tieto dva sú v mnohých smeroch podobné. Je tu však podstatný rozdiel.

Pri práci s DOM budete používať innerHTML a externalHTML úplne inak. Zistite, ako tieto dve vlastnosti používať na praktických príkladoch.

Čo je vnútorné HTML?

Vlastnosť innerHTML je súčasťou DOM a môžete k nemu pristupovať cez JavaScript. Môžete ho použiť na získanie alebo nastavenie obsahu prvku. Tento obsah vylučuje vlastnú značku prvku a obsahuje iba označenie, ktoré predstavuje potomkov prvku vo forme reťazca.

Zvážte túto ukážku kódu:

<html>
<telo>
<pid="Môj p">ja som paragraf.p>


<skript>
dokument.getElementById("Môj p").vnútornéHTML = "Ahoj svet";
skript>
telo>


html>

Vo vašom prehliadači uvidíte štandardný odsek s náhradným textom, napríklad:

instagram viewer

Vlastnosť innerHTML vyberá a mení obsah súboruprvok v tomto príklade.

Čo je vonkajší HTML?

Vlastnosť externalHTML je v mnohých ohľadoch podobná innerHTML. Môžete ho použiť na získanie alebo nastavenie obsahu vybraného prvku. Nastaví však aj označenie predstavujúce samotný prvok. To zahŕňa úvodnú značku, všetky vlastnosti a prípadne aj koncovú značku.

Vráťte sa k predchádzajúcemu príkladu a zistite, ako sa vonkajší HTML líši:

<html>
<telo>
<pid="Môj p">ja som paragraf.p>


<skript>
dokument.getElementById("Môj p").vonkajšíHTML = "
Tento H1 nahradil odsek.
"
skript>
telo>
html>

Vo vašom prehliadači by ste mali vidieť niečo takéto:

V tomto príklade sa vlastnosť externalHTML zmení p prvok do an h1 element.

Zistite, aký je rozdiel a kedy tieto vlastnosti použiť

Vlastnosti innerHTML a externalHTML DOM majú veľa podobností, ale jeden kľúčový rozdiel. Vlastnosť innerHTML zachytáva obsah HTML prvku. Na rozdiel od toho vlastnosť externalHTML zachytáva HTML, ktoré predstavuje samotný prvok a jeho obsah.

Tieto vlastnosti môžete použiť na čítanie a zápis obsahu HTML cez DOM. DOM bude spoločným a dôležitým konceptom počas celého procesu vývoja JavaScriptu.