insertAdjacentText metodu

insertAdjacentText metodu səhifənin istənilən yerinə sətir əlavə etməyə imkan verir. Sətir istinad elementinə nisbətən əlavə olunur. Istinad elementindən əvvəl əlavə etmək olar (əlavə etmə üsulu 'beforeBegin'), ondan sonra (əlavə etmə üsulu 'afterEnd'), həmçinin istinad elementinin əvvəlinə (əlavə etmə üsulu 'afterBegin') ya da sonuna (əlavə etmə üsulu 'beforeEnd') əlavə etmək olar.

Sintaksis

javascriptistinad elementi.insertAdjacentText(əlavə etmə üsulu, əlavə olunacaq mətn);

Nümunə . beforeBegin üsulu

Fərz edək ki, istinad elementi #target elementidir. Onun qarşısına bir mətn əlavə edək:

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

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

Kodun icrasının nəticəsi:

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

Nümunə . afterEnd üsulu

Indi isə istinad elementindən sonra yeni abzas əlavə edək:

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

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

Kodun icrasının nəticəsi:

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

Nümunə . afterBegin üsulu

Istinad elementinin əvvəlinə yeni abzas əlavə edək:

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

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

Kodun icrasının nəticəsi:

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

Nümunə . beforeEnd üsulu

Istinad elementinin sonuna yeni abzas əlavə edək:

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

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

Kodun icrasının nəticəsi:

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

Həmçinin bax