Meetod insertAdjacentText

Meetod insertAdjacentText võimaldab sisestada stringi lehe suvalisse kohta. String sisestatakse tugielemendi suhtes. Saab teha sisestuse enne tugielementi (sisestusviis 'beforeBegin'), pärast seda (sisestusviis 'afterEnd'), samuti algusesse (sisestusviis 'afterBegin') või lõppu (sisestusviis 'beforeEnd') tugielemendist.

Süntaks

javascripttugielement.insertAdjacentText(sisestusviis, sisestatav tekst);

Näide . Viis beforeBegin

Olgug tugielemendiks element #target. Sisestame selle ette mingi teksti:

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

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

Koodi täitmise tulemus:

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

Näide . Viis afterEnd

Nüüd sisestame uue lõigu pärast tugielementi:

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

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

Koodi täitmise tulemus:

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

Näide . afterBegin

Sisestame uue lõigu tugielemendi algusesse:

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

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

Koodi täitmise tulemus:

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

Näide . Viis beforeEnd

Sisestame uue lõigu tugielemendi lõppu:

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

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

Koodi täitmise tulemus:

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

Vaata ka