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