Metoda insertAdjacentText
Metoda insertAdjacentText umožňuje
vložit řetězec na libovolné místo stránky. Řetězec
je vložen vzhledem k referenčnímu elementu.
Lze provést vložení před referenční element
(způsob vložení 'beforeBegin'), po
ném (způsob vložení 'afterEnd'), a
také na začátek (způsob vložení 'afterBegin')
nebo na konec (způsob vložení 'beforeEnd')
referenčního elementu.
Syntaxe
referenční element.insertAdjacentText(způsob vložení, text pro vložení);
Příklad . Způsob beforeBegin
Nechť referenční element - je to element #target.
Vložme před něj nějaký text:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('beforeBegin', 'text');
Výsledek provedení kódu:
text
<div id="target">
<p>elem</p>
</div>
Příklad . Způsob afterEnd
A nyní vložme nový odstavec za referenční element:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('afterEnd', 'text');
Výsledek provedení kódu:
<div id="target">
<p>elem</p>
</div>
text
Příklad . afterBegin
Vložme nový odstavec na začátek referenčního elementu:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('afterBegin', 'text');
Výsledek provedení kódu:
<div id="target">
text
<p>elem</p>
</div>
Příklad . Způsob beforeEnd
Vložme nový odstavec na konec referenčního elementu:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('beforeEnd', 'text');
Výsledek provedení kódu:
<div id="target">
<p>elem</p>
text
</div>
Viz také
-
metoda
insertAdjacentElement,
která vkládá element na zadané místo -
metoda
insertAdjacentHTML,
která vkládá kód na zadané místo -
metoda
prepend,
která vkládá elementy na začátek -
metoda
append,
která vkládá elementy na konec -
metoda
appendChild,
která vkládá elementy na konec rodiče -
metoda
insertBefore,
která vkládá elementy před element
