insertAdjacentText әдісі
insertAdjacentText әдісі
бетке жолды кез келген жерден енгізуге мүмкіндік береді. Жол
негізгі элементке қатысты енгізіледі.
Негізгі элементтің алдына енгізу жасауға болады
(енгізу әдісі 'beforeBegin'), одан
кейін (енгізу әдісі 'afterEnd'), сонымен
қатар басына (енгізу әдісі 'afterBegin')
немесе соңына (енгізу әдісі 'beforeEnd')
негізгі элементтің.
Синтаксис
негізгі элемент.insertAdjacentText(енгізу әдісі, енгізуге арналған мәтін);
Мысал . beforeBegin әдісі
Негізгі элемент #target элементі болсын.
Оның алдына бір мәтін енгізейік:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('beforeBegin', 'мәтін');
Кодты орындау нәтижесі:
мәтін
<div id="target">
<p>elem</p>
</div>
Мысал . afterEnd әдісі
Енді негізгі элементтен кейін жаңа абзац енгізейік:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('afterEnd', 'мәтін');
Кодты орындау нәтижесі:
<div id="target">
<p>elem</p>
</div>
мәтін
Мысал . afterBegin
Негізгі элементтің басына жаңа абзац енгізейік:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('afterBegin', 'мәтін');
Кодты орындау нәтижесі:
<div id="target">
мәтін
<p>elem</p>
</div>
Мысал . beforeEnd әдісі
Негізгі элементтің соңына жаңа абзац енгізейік:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('beforeEnd', 'мәтін');
Кодты орындау нәтижесі:
<div id="target">
<p>elem</p>
мәтін
</div>
Сондай-ақ қараңыз
-
insertAdjacentElementәдісі,
элементті көрсетілген жерге енгізеді -
insertAdjacentHTMLәдісі,
кодты көрсетілген жерге енгізеді -
prependәдісі,
элементтерді басына енгізеді -
appendәдісі,
элементтерді соңына енгізеді -
appendChildәдісі,
элементтерді ата-ананың соңына енгізеді -
insertBeforeәдісі,
элементтерді элементтің алдына енгізеді
