Metod insertAdjacentText
Metod insertAdjacentText omogućava
umetanje niske na bilo koje mesto stranice. Niska
se umeće u odnosu na referentni element.
Možete uraditi umetanje ispred referentnog elementa
(način umetanja 'beforeBegin'), posle
njega (način umetanja 'afterEnd'), a
takođe na početak (način umetanja 'afterBegin')
ili na kraj (način umetanja 'beforeEnd')
referentnog elementa.
Sintaksa
referentni element.insertAdjacentText(način umetanja, tekst za umetanje);
Primer . Način beforeBegin
Neka je referentni element element #target.
Umetnimo ispred njega neki tekst:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('beforeBegin', 'text');
Rezultat izvršenja koda:
text
<div id="target">
<p>elem</p>
</div>
Primer . Način afterEnd
A sada umetnimo novi pasus posle referentnog elementa:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('afterEnd', 'text');
Rezultat izvršenja koda:
<div id="target">
<p>elem</p>
</div>
text
Primer . afterBegin
Umetnimo novi pasus na početak referentnog elementa:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('afterBegin', 'text');
Rezultat izvršenja koda:
<div id="target">
text
<p>elem</p>
</div>
Primer . Način beforeEnd
Umetnimo novi pasus na kraj referentnog elementa:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('beforeEnd', 'text');
Rezultat izvršenja koda:
<div id="target">
<p>elem</p>
text
</div>
Pogledajte takođe
-
metod
insertAdjacentElement,
koji umeće element na zadato mesto -
metod
insertAdjacentHTML,
koji umeće kod na zadato mesto -
metod
prepend,
koji umeće elemente na početak -
metod
append,
koji umeće elemente na kraj -
metod
appendChild,
koji umeće elemente na kraj roditelja -
metod
insertBefore,
koji umeće elemente pre elementa
