Metode insertAdjacentText

Metode insertAdjacentText ļauj ievietot virkni jebkurā vietā lapā. Virkne tiek ievietota attiecībā pret atskaites elementu. Var veikt ievietošanu pirms atskaites elementa (ievietošanas veids 'beforeBegin'), pēc tā (ievietošanas veids 'afterEnd'), kā arī atskaites elementa sākumā (ievietošanas veids 'afterBegin') vai beigās (ievietošanas veids 'beforeEnd').

Sintakse

javascriptatskaites elements.insertAdjacentText(ievietošanas veids, ievietojamais teksts);

Piemērs . Veids beforeBegin

Lai atskaites elements ir elements #target. Ievietosim pirms tā kādu tekstu:

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

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

Koda izpildes rezultāts:

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

Piemērs . Veids afterEnd

Tagad ievietosim jaunu rindkopu pēc atskaites elementa:

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

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

Koda izpildes rezultāts:

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

Piemērs . afterBegin

Ievietosim jaunu rindkopu atskaites elementa sākumā:

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

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

Koda izpildes rezultāts:

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

Piemērs . Veids beforeEnd

Ievietosim jaunu rindkopu atskaites elementa beigās:

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

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

Koda izpildes rezultāts:

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

Skatiet arī