Читаоци попут вас помажу у подршци МУО. Када обавите куповину користећи везе на нашем сајту, можда ћемо зарадити провизију за партнере. Опширније.

ИннерХТМЛ и оутерХТМЛ ДОМ својства вам омогућавају да читате и пишете садржај на веб страници. Можете их користити да преузмете ознаке или да их промените, а ова два су на много начина слична. Али постоји значајна разлика.

Када радите са ДОМ-ом, користићете иннерХТМЛ и оутерХТМЛ сасвим другачије. Сазнајте како да користите ове две особине на практичним примерима.

Шта је унутрашњи ХТМЛ?

Својство иннерХТМЛ је део тхе ДОМ и можете му приступити путем ЈаваСцрипт-а. Можете га користити за добијање или подешавање садржаја елемента. Овај садржај искључује сопствену ознаку елемента и укључује само ознаке које представљају потомке елемента, у облику стринга.

Размотрите овај пример кода:

<хтмл>
<тело>
<стрид="миП">Ја сам параграф.стр>


<скрипта>
документ.гетЕлементБиИд("миП").иннерХТМЛ = "Здраво Свете";
скрипта>
тело>


хтмл>

У вашем претраживачу ћете видети стандардни пасус са заменским текстом, на пример:

instagram viewer

Својство иннерХТМЛ бира и мења садржајелемент у овом примеру.

Шта је спољашњи ХТМЛ?

Својство оутерХТМЛ је као иннерХТМЛ на много начина. Можете га користити за добијање или подешавање садржаја изабраног елемента. Међутим, он такође поставља ознаку која представља сам елемент. Ово укључује почетну ознаку, сва својства и — где је релевантно — завршну ознаку.

Поново погледајте претходни пример да видите како се оутерХТМЛ разликује:

<хтмл>
<тело>
<стрид="миП">Ја сам параграф.стр>


<скрипта>
документ.гетЕлементБиИд("миП").оутерХТМЛ = "
Овај Х1 заменио је пасус.
"
скрипта>
тело>
хтмл>

У вашем претраживачу, требало би да видите нешто овако:

У овом примеру, својство оутерХТМЛ мења стр елемент у ан х1 елемент.

Знајте разлику и када користити ове особине

ИннерХТМЛ и оутерХТМЛ ДОМ својства имају много сличности, али једну кључну разлику. Својство иннерХТМЛ обухвата ХТМЛ садржај елемента. Насупрот томе, својство оутерХТМЛ обухвата ХТМЛ који представља сам елемент и његов садржај.

Ова својства можете користити за читање и писање ХТМЛ садржаја преко ДОМ-а. ДОМ ће бити уобичајен, важан концепт током вашег ЈаваСцрипт развојног процеса.