Metoda insertAdjacentText

Metoda insertAdjacentText lejon futjen e një vargu në çdo vend të faqes. Vargu futet në raport me elementin mbështetës. Mund të bëhet futja përpara elementit mbështetës (mënyra e futjes 'beforeBegin'), pas tij (mënyra e futjes 'afterEnd'), si dhe në fillim (mënyra e futjes 'afterBegin') ose në fund (mënyra e futjes 'beforeEnd') të elementit mbështetës.

Sintaksa

javascriptelementi mbështetës.insertAdjacentText(mënyra e futjes, teksti për të futur);

Shembull . Mënyra beforeBegin

Le të jetë elementi mbështetës - elementi #target. Le të fusim para tij ndonjë tekst:

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

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

Rezultati i ekzekutimit të kodit:

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

Shembull . Mënyra afterEnd

Tani le të fusim një paragraf të ri pas elementit mbështetës:

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

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

Rezultati i ekzekutimit të kodit:

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

Shembull . afterBegin

Le të fusim një paragraf të ri në fillim të elementit mbështetës:

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

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

Rezultati i ekzekutimit të kodit:

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

Shembull . Mënyra beforeEnd

Le të fusim një paragraf të ri në fund të elementit mbështetës:

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

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

Rezultati i ekzekutimit të kodit:

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

Shihni gjithashtu