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
atskaites elements.insertAdjacentText(ievietošanas veids, ievietojamais teksts);
Piemērs . Veids beforeBegin
Lai atskaites elements ir elements #target.
Ievietosim pirms tā kādu tekstu:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('beforeBegin', 'text');
Koda izpildes rezultāts:
text
<div id="target">
<p>elem</p>
</div>
Piemērs . Veids afterEnd
Tagad ievietosim jaunu rindkopu pēc atskaites elementa:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('afterEnd', 'text');
Koda izpildes rezultāts:
<div id="target">
<p>elem</p>
</div>
text
Piemērs . afterBegin
Ievietosim jaunu rindkopu atskaites elementa sākumā:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('afterBegin', 'text');
Koda izpildes rezultāts:
<div id="target">
text
<p>elem</p>
</div>
Piemērs . Veids beforeEnd
Ievietosim jaunu rindkopu atskaites elementa beigās:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('beforeEnd', 'text');
Koda izpildes rezultāts:
<div id="target">
<p>elem</p>
text
</div>
Skatiet arī
-
metodi
insertAdjacentElement,
kas ievieto elementu norādītajā vietā -
metodi
insertAdjacentHTML,
kas ievieto kodu norādītajā vietā -
metodi
prepend,
kas ievieto elementus sākumā -
metodi
append,
kas ievieto elementus beigās -
metodi
appendChild,
kas ievieto elementus vecāka beigās -
metodi
insertBefore,
kas ievieto elementus pirms elementa
