Метод insertAdjacentText
Метод insertAdjacentText саҳифанинг
исталган жойига сатрни киритиш имконини беради.
Сатр ёрдамчи элементга нисбатан киритилади.
Ёрдамчи элемент олдига (киритиш усули 'beforeBegin'),
ундан кейинга (киритиш усули 'afterEnd'),
шунгидек ёрдамчи элементнинг бошланғичига (киритиш усули 'afterBegin')
ёки охирига (киритиш усули 'beforeEnd') киритиш амалга оширилиши мумкин.
Синтаксис
ёрдамчи элемент.insertAdjacentText(киритиш усули, киритиладиган текст);
Мисол . Усул beforeBegin
Ёрдамчи элемент #target элемент булсин.
Унинг олдига бирор матнни киритамиз:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('beforeBegin', 'text');
Коднинг ишлаш натижаси:
text
<div id="target">
<p>elem</p>
</div>
Мисол . Усул afterEnd
Энди ёрдамчи элементдан кейин янги абзацни киритамиз:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('afterEnd', 'text');
Коднинг ишлаш натижаси:
<div id="target">
<p>elem</p>
</div>
text
Мисол . afterBegin
Ёрдамчи элементнинг бошланғичига янги абзацни киритамиз:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('afterBegin', 'text');
Коднинг ишлаш натижаси:
<div id="target">
text
<p>elem</p>
</div>
Мисол . Усул beforeEnd
Ёрдамчи элементнинг охирига янги абзацни киритамиз:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('beforeEnd', 'text');
Коднинг ишлаш натижаси:
<div id="target">
<p>elem</p>
text
</div>
Қаранг
-
insertAdjacentElementметоди,
элементни белгиланган жойга киритади -
insertAdjacentHTMLметоди,
кодни белгиланган жойга киритади -
prependметоди,
элементларни бошланғичга киритади -
appendметоди,
элементларни охирга киритади -
appendChildметоди,
элементларни ота-онанинг охирига киритади -
insertBeforeметоди,
элементларни элемент олдига киритади
