Tādi lasītāji kā jūs palīdz atbalstīt MUO. Veicot pirkumu, izmantojot saites mūsu vietnē, mēs varam nopelnīt filiāles komisiju. Lasīt vairāk.

InnerHTML un outerHTML DOM rekvizīti ļauj lasīt un rakstīt saturu tīmekļa lapā. Varat tos izmantot, lai ielādētu marķējumu vai veiktu tajā izmaiņas, un abi daudzējādā ziņā ir līdzīgi. Bet ir būtiska atšķirība.

Strādājot ar DOM, jūs izmantojat innerHTML un outerHTML diezgan atšķirīgi. Uzziniet, kā izmantot šīs divas īpašības, izmantojot praktiskus piemērus.

Kas ir iekšējais HTML?

InnerHTML rekvizīts ir daļa no DOM un jūs varat tai piekļūt, izmantojot JavaScript. Varat to izmantot, lai iegūtu vai iestatītu elementa saturu. Šis saturs neietver paša elementa tagu un ietver tikai marķējumu, kas apzīmē elementa atvasinājumus virknes veidā.

Apsveriet šo koda paraugu:

<html>
<ķermeni>
<lppid="mansP">Es esmu rindkopa.lpp>


<skripts>
dokumentu.getElementById("mansP").innerHTML = "Sveika pasaule";
skripts>
ķermeni>


html>

Pārlūkprogrammā jūs redzēsit standarta rindkopu ar aizstājošo tekstu, piemēram:

InnerHTML rekvizīts atlasa un maina saturuelements šajā piemērā.

Kas ir ārējais HTML?

Ārējais HTML rekvizīts daudzējādā ziņā ir līdzīgs innerHTML. Varat to izmantot, lai iegūtu vai iestatītu atlasītā elementa saturu. Tomēr tas arī nosaka marķējumu, kas attēlo pašu elementu. Tas ietver sākuma tagu, visus rekvizītus un, ja nepieciešams, beigu tagu.

Atkārtoti skatiet iepriekšējo piemēru, lai redzētu, kā ārējais HTML atšķiras:

<html>
<ķermeni>
<lppid="mansP">Es esmu rindkopa.lpp>


<skripts>
dokumentu.getElementById("mansP").outerHTML = "
Šis H1 aizstāj rindkopu.
"
skripts>
ķermeni>
html>

Jūsu pārlūkprogrammā jums vajadzētu redzēt kaut ko līdzīgu šim:

Šajā piemērā rekvizīts outerHTML maina lpp elements an h1 elements.

Uzziniet, kā šīs īpašības atšķiras un kad tās izmantot

InnerHTML un outerHTML DOM rekvizītiem ir daudz līdzību, taču viena būtiska atšķirība. InnerHTML rekvizīts tver elementa HTML saturu. Turpretim ārējais HTML rekvizīts tver HTML, kas attēlo pašu elementu un tā saturu.

Varat izmantot šos rekvizītus, lai lasītu un rakstītu HTML saturu, izmantojot DOM. DOM būs izplatīta, svarīga koncepcija visā jūsu JavaScript izstrādes procesā.