Metoda insertAdjacentText
Metoda insertAdjacentText permite
inserarea unui șir în orice loc pe pagină. Șirul
este inserat relativ la elementul de referință.
Se poate face inserarea înaintea elementului de referință
(mod de inserare 'beforeBegin'), după
acesta (mod de inserare 'afterEnd'), precum
și la începutul (mod de inserare 'afterBegin')
sau la sfârșitul (mod de inserare 'beforeEnd')
elementului de referință.
Sintaxă
elementul de referință.insertAdjacentText(mod de inserare, text de inserat);
Exemplu . Mod beforeBegin
Să presupunem că elementul de referință este elementul #target.
Să inserăm înaintea acestuia un text oarecare:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('beforeBegin', 'text');
Rezultatul executării codului:
text
<div id="target">
<p>elem</p>
</div>
Exemplu . Mod afterEnd
Acum să inserăm un nou paragraf după elementul de referință:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('afterEnd', 'text');
Rezultatul executării codului:
<div id="target">
<p>elem</p>
</div>
text
Exemplu . afterBegin
Să inserăm un nou paragraf la începutul elementului de referință:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('afterBegin', 'text');
Rezultatul executării codului:
<div id="target">
text
<p>elem</p>
</div>
Exemplu . Mod beforeEnd
Să inserăm un nou paragraf la sfârșitul elementului de referință:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('beforeEnd', 'text');
Rezultatul executării codului:
<div id="target">
<p>elem</p>
text
</div>
Vedeți și
-
metoda
insertAdjacentElement,
care inserează un element în locul specificat -
metoda
insertAdjacentHTML,
care inserează cod în locul specificat -
metoda
prepend,
care inserează elemente la început -
metoda
append,
care inserează elemente la sfârșit -
metoda
appendChild,
care inserează elemente la sfârșitul părintelui -
metoda
insertBefore,
care inserează elemente înaintea unui element
