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
esasy element.insertAdjacentText(goşuş usuly, goşuljak tekst);
Mysal . Usul beforeBegin
Esasy element #target element bolsun.
Ondan öň bir tekst goşalyň:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('beforeBegin', 'tekst');
Kodyň netijesi:
tekst
<div id="target">
<p>elem</p>
</div>
Mysal . Usul afterEnd
Indi täze abzas esasy elementden soň goşalyň:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('afterEnd', 'tekst');
Kodyň netijesi:
<div id="target">
<p>elem</p>
</div>
tekst
Mysal . afterBegin
Täze abzasy esasy elementüň başyna goşalyň:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('afterBegin', 'tekst');
Kodyň netijesi:
<div id="target">
tekst
<p>elem</p>
</div>
Mysal . Usul beforeEnd
Täze abzasy esasy elementüň ahyryna goşalyň:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('beforeEnd', 'tekst');
Kodyň netijesi:
<div id="target">
<p>elem</p>
tekst
</div>
Şeýle-de görüň
-
insertAdjacentElementmetodi,
elementi kesgitlenen ýere goşýar -
insertAdjacentHTMLmetodi,
kody kesgitlenen ýere goşýar -
prependmetodi,
elementleri başyna goşýar -
appendmetodi,
elementleri ahyryna goşýar -
appendChildmetodi,
elementleri ata elementüň ahyryna goşýar -
insertBeforemetodi,
elementleri elementden öň goşýar
