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

javascriptasosiy 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:

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

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

Kodni bajarish natijasi:

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

Misol . afterEnd usuli

Endi yangi abzasni asosiy elementdan keyin qo'shamiz:

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

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

Kodni bajarish natijasi:

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

Misol . afterBegin

Yangi abzasni asosiy elementning boshiga qo'shamiz:

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

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

Kodni bajarish natijasi:

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

Misol . beforeEnd usuli

Yangi abzasni asosiy elementning oxiriga qo'shamiz:

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

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

Kodni bajarish natijasi:

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

Shuningdek qarang