Методот 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,
кој вметнува елементи пред елементот
