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
tugielement.insertAdjacentText(sisestusviis, sisestatav tekst);
Näide . Viis beforeBegin
Olgug tugielemendiks element #target.
Sisestame selle ette mingi teksti:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('beforeBegin', 'text');
Koodi täitmise tulemus:
text
<div id="target">
<p>elem</p>
</div>
Näide . Viis afterEnd
Nüüd sisestame uue lõigu pärast tugielementi:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('afterEnd', 'text');
Koodi täitmise tulemus:
<div id="target">
<p>elem</p>
</div>
text
Näide . afterBegin
Sisestame uue lõigu tugielemendi algusesse:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('afterBegin', 'text');
Koodi täitmise tulemus:
<div id="target">
text
<p>elem</p>
</div>
Näide . Viis beforeEnd
Sisestame uue lõigu tugielemendi lõppu:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('beforeEnd', 'text');
Koodi täitmise tulemus:
<div id="target">
<p>elem</p>
text
</div>
Vaata ka
-
meetod
insertAdjacentElement,
mis sisestab elemendi etteantud kohta -
meetod
insertAdjacentHTML,
mis sisestab koodi etteantud kohta -
meetod
prepend,
mis sisestab elemendid algusesse -
meetod
append,
mis sisestab elemendid lõppu -
meetod
appendChild,
mis sisestab elemendid vanema lõppu -
meetod
insertBefore,
mis sisestab elemendid enne elementi
