Метод insertAdjacentText
insertAdjacentText методу
беттин каалаган жерине сап коюуга мүмкүндүк берет. Сап
негизги элементке салыштырмалуу коюлат.
Негизги элементтин алдына коюу ('beforeBegin' ыкмасы), анын
артына ('afterEnd' ыкмасы), ошондой эле
башына ('afterBegin' ыкмасы)
же аягына ('beforeEnd' ыкмасы)
коюу мүмкүн.
Синтаксис
негизги элемент.insertAdjacentText(коюу ыкмасы, коюлуучу текст);
Мисал . beforeBegin ыкмасы
Негизги элемент #target элементи болсун.
Анын алдына бир сап коёлу:
<div id="target">
<p>элемент</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('beforeBegin', 'текст');
Кодду иштетүүнүн натыйжасы:
текст
<div id="target">
<p>элемент</p>
</div>
Мисал . afterEnd ыкмасы
Эми жаңы сапты негизги элементтин артына коёлу:
<div id="target">
<p>элемент</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('afterEnd', 'текст');
Кодду иштетүүнүн натыйжасы:
<div id="target">
<p>элемент</p>
</div>
текст
Мисал . afterBegin ыкмасы
Жаңы сапты негизги элементтин башына коёлу:
<div id="target">
<p>элемент</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('afterBegin', 'текст');
Кодду иштетүүнүн натыйжасы:
<div id="target">
текст
<p>элемент</p>
</div>
Мисал . beforeEnd ыкмасы
Жаңы сапты негизги элементтин аягына коёлу:
<div id="target">
<p>элемент</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('beforeEnd', 'текст');
Кодду иштетүүнүн натыйжасы:
<div id="target">
<p>элемент</p>
текст
</div>
Ошондой эле караңыз
-
insertAdjacentElementметоду,
элементти белгилүү бир жерге коёт -
insertAdjacentHTMLметоду,
кодду белгилүү бир жерге коёт -
prependметоду,
элементтерди башына коёт -
appendметоду,
элементтерди аягына коёт -
appendChildметоду,
элементтерди ата-энесинин аягына коёт -
insertBeforeметоду,
элементтерди элементтин алдына коёт
