insertAdjacentText usuli
insertAdjacentText usuli
sahifaning istalgan joyiga satr qo'shish imkonini beradi. Satr
asosiy elementga nisbatan qo'shiladi.
Asosiy element oldidan (qo'shish usuli 'beforeBegin'), undan keyin
(qo'shish usuli 'afterEnd'), shuningdek
boshida (qo'shish usuli 'afterBegin')
yoki oxirida (qo'shish usuli 'beforeEnd')
qo'shish mumkin.
Sintaksis
asosiy element.insertAdjacentText(qo'shish usuli, qo'shiladigan matn);
Misol . beforeBegin usuli
Faraz qilaylik, asosiy element - bu #target elementi.
Uning oldiga biron bir matn qo'shamiz:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('beforeBegin', 'matn');
Kodni bajarish natijasi:
matn
<div id="target">
<p>elem</p>
</div>
Misol . afterEnd usuli
Endi yangi abzasni asosiy elementdan keyin qo'shamiz:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('afterEnd', 'matn');
Kodni bajarish natijasi:
<div id="target">
<p>elem</p>
</div>
matn
Misol . afterBegin
Yangi abzasni asosiy elementning boshiga qo'shamiz:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('afterBegin', 'matn');
Kodni bajarish natijasi:
<div id="target">
matn
<p>elem</p>
</div>
Misol . beforeEnd usuli
Yangi abzasni asosiy elementning oxiriga qo'shamiz:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('beforeEnd', 'matn');
Kodni bajarish natijasi:
<div id="target">
<p>elem</p>
matn
</div>
Shuningdek qarang
-
insertAdjacentElementusuli,
elementni belgilangan joyga qo'shadi -
insertAdjacentHTMLusuli,
kodni belgilangan joyga qo'shadi -
prependusuli,
elementlarni boshiga qo'shadi -
appendusuli,
elementlarni oxiriga qo'shadi -
appendChildusuli,
elementlarni ota-elementning oxiriga qo'shadi -
insertBeforeusuli,
elementlarni element oldidan qo'shadi
