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ă

javascriptelementul 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:

html<div id="target">
  <p>elem</p>
</div>

javascriptlet target = document.querySelector('#target');
target.insertAdjacentText('beforeBegin', 'text');

Rezultatul executării codului:

htmltext
<div id="target">
  <p>elem</p>
</div>

Exemplu . Mod afterEnd

Acum să inserăm un nou paragraf după elementul de referință:

html<div id="target">
  <p>elem</p>
</div>

javascriptlet target = document.querySelector('#target');
target.insertAdjacentText('afterEnd', 'text');

Rezultatul executării codului:

html<div id="target">
  <p>elem</p>
</div>
text

Exemplu . afterBegin

Să inserăm un nou paragraf la începutul elementului de referință:

html<div id="target">
  <p>elem</p>
</div>

javascriptlet target = document.querySelector('#target');
target.insertAdjacentText('afterBegin', 'text');

Rezultatul executării codului:

html<div id="target">
  text
  <p>elem</p>
</div>

Exemplu . Mod beforeEnd

Să inserăm un nou paragraf la sfârșitul elementului de referință:

html<div id="target">
  <p>elem</p>
</div>

javascriptlet target = document.querySelector('#target');
target.insertAdjacentText('beforeEnd', 'text');

Rezultatul executării codului:

html<div id="target">
  <p>elem</p>
  text
</div>

Vedeți și