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
istinad 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:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('beforeBegin', 'text');
Kodun icrasının nəticəsi:
text
<div id="target">
<p>elem</p>
</div>
Nümunə . afterEnd üsulu
Indi isə istinad elementindən sonra yeni abzas əlavə edək:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('afterEnd', 'text');
Kodun icrasının nəticəsi:
<div id="target">
<p>elem</p>
</div>
text
Nümunə . afterBegin üsulu
Istinad elementinin əvvəlinə yeni abzas əlavə edək:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('afterBegin', 'text');
Kodun icrasının nəticəsi:
<div id="target">
text
<p>elem</p>
</div>
Nümunə . beforeEnd üsulu
Istinad elementinin sonuna yeni abzas əlavə edək:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('beforeEnd', 'text');
Kodun icrasının nəticəsi:
<div id="target">
<p>elem</p>
text
</div>
Həmçinin bax
-
insertAdjacentElementmetodu,
elementi müəyyən edilmiş yerə əlavə edir -
insertAdjacentHTMLmetodu,
kodu müəyyən edilmiş yerə əlavə edir -
prependmetodu,
elementləri əvvələ əlavə edir -
appendmetodu,
elementləri sona əlavə edir -
appendChildmetodu,
elementləri valideynin sonuna əlavə edir -
insertBeforemetodu,
elementləri elementdən əvvəl əlavə edir
