Metoden insertAdjacentText
Metoden insertAdjacentText giver mulighed for
at indsætte en streng hvor som helst på siden. Strengen
indsættes i forhold til et referenceelement.
Du kan foretage indsættelse før referenceelementet
(indsatmetode 'beforeBegin'), efter
det (indsatmetode 'afterEnd'), samt
i begyndelsen (indsatmetode 'afterBegin')
eller i slutningen (indsatmetode 'beforeEnd')
af referenceelementet.
Syntaks
referenceelement.insertAdjacentText(indsatmetode, tekst til indsættelse);
Eksempel . Metode beforeBegin
Lad referenceelementet være elementet #target.
Lad os indsætte noget tekst før det:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('beforeBegin', 'text');
Resultat af kodeudførelse:
text
<div id="target">
<p>elem</p>
</div>
Eksempel . Metode afterEnd
Lad os nu indsætte en ny afsnit efter referenceelementet:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('afterEnd', 'text');
Resultat af kodeudførelse:
<div id="target">
<p>elem</p>
</div>
text
Eksempel . afterBegin
Lad os indsætte en ny afsnit i begyndelsen af referenceelementet:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('afterBegin', 'text');
Resultat af kodeudførelse:
<div id="target">
text
<p>elem</p>
</div>
Eksempel . Metode beforeEnd
Lad os indsætte en ny afsnit i slutningen af referenceelementet:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('beforeEnd', 'text');
Resultat af kodeudførelse:
<div id="target">
<p>elem</p>
text
</div>
Se også
-
metoden
insertAdjacentElement,
som indsætter et element på et angivet sted -
metoden
insertAdjacentHTML,
som indsætter kode på et angivet sted -
metoden
prepend,
som indsætter elementer i begyndelsen -
metoden
append,
som indsætter elementer i slutningen -
metoden
appendChild,
som indsætter elementer i slutningen af forælderen -
metoden
insertBefore,
som indsætter elementer før et element
