insertAdjacentText metodi

insertAdjacentText metodi sahypanyň islendik ýerine setir goşmaga mümkinçilik berýär. Setir esasy elemente nähili gatnaşykda goşulýar. Esasy elementden öň (goşuş usuly 'beforeBegin'), onuň yzndan (goşuş usuly 'afterEnd'), şeýle hem esasy elementüň başynda (goşuş usuly 'afterBegin') ýa-da ahyrynda (goşuş usuly 'beforeEnd') goşup bolýar.

Sintaksis

javascriptesasy element.insertAdjacentText(goşuş usuly, goşuljak tekst);

Mysal . Usul beforeBegin

Esasy element #target element bolsun. Ondan öň bir tekst goşalyň:

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

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

Kodyň netijesi:

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

Mysal . Usul afterEnd

Indi täze abzas esasy elementden soň goşalyň:

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

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

Kodyň netijesi:

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

Mysal . afterBegin

Täze abzasy esasy elementüň başyna goşalyň:

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

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

Kodyň netijesi:

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

Mysal . Usul beforeEnd

Täze abzasy esasy elementüň ahyryna goşalyň:

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

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

Kodyň netijesi:

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

Şeýle-de görüň