Methode insertAdjacentText
Die Methode insertAdjacentText ermöglicht es,
eine Zeichenkette an beliebiger Stelle auf der Seite einzufügen. Die Zeichenkette
wird relativ zu einem Referenzelement eingefügt.
Man kann die Einfügung vor dem Referenzelement durchführen
(Einfügemethode 'beforeBegin'), nach
ihm (Einfügemethode 'afterEnd'), sowie
am Anfang (Einfügemethode 'afterBegin')
oder am Ende (Einfügemethode 'beforeEnd')
des Referenzelements.
Syntax
referenzElement.insertAdjacentText(einfügeMethode, textZumEinfügen);
Beispiel . Methode beforeBegin
Angenommen, das Referenzelement ist das Element #target.
Fügen wir davor einen Text ein:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('beforeBegin', 'text');
Ergebnis der Codeausführung:
text
<div id="target">
<p>elem</p>
</div>
Beispiel . Methode afterEnd
Fügen wir nun einen Text nach dem Referenz- element ein:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('afterEnd', 'text');
Ergebnis der Codeausführung:
<div id="target">
<p>elem</p>
</div>
text
Beispiel . afterBegin
Fügen wir einen Text am Anfang des Referenzelements ein:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('afterBegin', 'text');
Ergebnis der Codeausführung:
<div id="target">
text
<p>elem</p>
</div>
Beispiel . Methode beforeEnd
Fügen wir einen Text am Ende des Referenzelements ein:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('beforeEnd', 'text');
Ergebnis der Codeausführung:
<div id="target">
<p>elem</p>
text
</div>
Siehe auch
-
Methode
insertAdjacentElement,
die ein Element an einer bestimmten Stelle einfügt -
Methode
insertAdjacentHTML,
die Code an einer bestimmten Stelle einfügt -
Methode
prepend,
die Elemente am Anfang einfügt -
Methode
append,
die Elemente am Ende einfügt -
Methode
appendChild,
die Elemente am Ende des Elternelements einfügt -
Methode
insertBefore,
die Elemente vor einem Element einfügt
