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

javascriptreferentni element.insertAdjacentText(način umetanja, tekst za umetanje);

Primer . Način beforeBegin

Neka je referentni element element #target. Umetnimo ispred njega neki tekst:

html<div id="target">
  <p>elem</p>
</div>

javascriptlet target = document.querySelector('#target');
target.insertAdjacentText('beforeBegin', 'text');

Rezultat izvršenja koda:

htmltext
<div id="target">
  <p>elem</p>
</div>

Primer . Način afterEnd

A sada umetnimo novi pasus posle referentnog elementa:

html<div id="target">
  <p>elem</p>
</div>

javascriptlet target = document.querySelector('#target');
target.insertAdjacentText('afterEnd', 'text');

Rezultat izvršenja koda:

html<div id="target">
  <p>elem</p>
</div>
text

Primer . afterBegin

Umetnimo novi pasus na početak referentnog elementa:

html<div id="target">
  <p>elem</p>
</div>

javascriptlet target = document.querySelector('#target');
target.insertAdjacentText('afterBegin', 'text');

Rezultat izvršenja koda:

html<div id="target">
  text
  <p>elem</p>
</div>

Primer . Način beforeEnd

Umetnimo novi pasus na kraj referentnog elementa:

html<div id="target">
  <p>elem</p>
</div>

javascriptlet target = document.querySelector('#target');
target.insertAdjacentText('beforeEnd', 'text');

Rezultat izvršenja koda:

html<div id="target">
  <p>elem</p>
  text
</div>

Pogledajte takođe