insertAdjacentText method
The insertAdjacentText method
allows you to insert a string anywhere
on a page. The string is inserted
relative to the target element.
You can insert before the target element
('beforeBegin' insertion method),
after it ('afterEnd' insertion
method), and also at the beginning
('afterBegin insertion method ')
or at the end (the 'beforeEnd'
insertion method) of the target element.
Syntax
target element.insertAdjacentText(insertion method, text to insert);
Example . beforeBegin method
Let a target element be the #target
element. We insert some text before it:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('beforeBegin', 'text');
The code execution result:
text
<div id="target">
<p>elem</p>
</div>
Example . afterEnd method
And now we insert a new paragraph after the target element:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('afterEnd', 'text');
The code execution result:
<div id="target">
<p>elem</p>
</div>
text
Example . afterBegin method
We insert a new paragraph at the beginning of the target element:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('afterBegin', 'text');
The code execution result:
<div id="target">
text
<p>elem</p>
</div>
Example . beforeEnd method
Let's insert a new paragraph at the end of the target element:
<div id="target">
<p>elem</p>
</div>
let target = document.querySelector('#target');
target.insertAdjacentText('beforeEnd', 'text');
The code execution result:
<div id="target">
<p>elem</p>
text
</div>
See also
-
the
insertAdjacentElementmethod
that inserts an element at a given location -
the
insertAdjacentHTMLmethod
that inserts a code at a given location -
the
prependmethod
that inserts elements at the start -
the
appendmethod
that inserts elements at the end -
the
appendChildmethod
that inserts elements at the end of a parent -
the
insertBeforemethod
that inserts elements before an element