Metoden insertAdjacentText
Metoden insertAdjacentText tillater
å sette inn en streng hvor som helst på siden. Strengen
settes inn i forhold til et referanseelement.
Det er mulig å sette inn før referanseelementet
(innsettingsmåte 'beforeBegin'), etter
det (innsettingsmåte 'afterEnd'), samt
i begynnelsen (innsettingsmåte 'afterBegin')
eller på slutten (innsettingsmåte 'beforeEnd')
av referanseelementet.
Syntaks
referanseelement.insertAdjacentText(innsettingsmåte, tekst for innsetting);
Eksempel . Måte beforeBegin
La referanseelementet være elementet #target.
La oss sette inn en tekst før det:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('beforeBegin', 'text');
Resultat av kjøring av koden:
text
<div id="target">
<p>elem</p>
</div>
Eksempel . Måte afterEnd
La oss nå sette inn et nytt avsnitt etter referanseelementet:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('afterEnd', 'text');
Resultat av kjøring av koden:
<div id="target">
<p>elem</p>
</div>
text
Eksempel . afterBegin
La oss sette inn et nytt avsnitt i begynnelsen av referanseelementet:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('afterBegin', 'text');
Resultat av kjøring av koden:
<div id="target">
text
<p>elem</p>
</div>
Eksempel . Måte beforeEnd
La oss sette inn et nytt avsnitt på slutten av referanseelementet:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('beforeEnd', 'text');
Resultat av kjøring av koden:
<div id="target">
<p>elem</p>
text
</div>
Se også
-
metoden
insertAdjacentElement,
som setter inn et element på angitt sted -
metoden
insertAdjacentHTML,
som setter inn kode på angitt sted -
metoden
prepend,
som setter inn elementer i begynnelsen -
metoden
append,
som setter inn elementer på slutten -
metoden
appendChild,
som setter inn elementer på slutten av forelderen -
metoden
insertBefore,
som setter inn elementer før et element
