HTML DOM insertAdjacentText() method

insertAdjacentText()The method inserts a given text node at a position relative to the element being called.

Syntax:

element.insertAdjacentText(position, text)

Example

var head = document.getElementsByTagName("h2")[0];
head.insertAdjacentText("afterend", "Hello world");

The numbers in the table specify the first browser version that fully supports the insertAdjacentText() method:

Method
insertAdjacentText()	Is	48	Is	Is	8

Parameter	Description
position	Position relative to the element. Valid values: "afterbegin"-After the start of the element (as the first child) "afterend"-After the element "beforebegin"-Before the element "beforeend"-Before the end of the element (as the last child)
text	The text you want to insert

Return value:	None
Exception cases:	SyntaxError-SpecifiedPosition (Location)Not a recognizable value

Using the "beginbegin" value:

Example

var head = document.getElementsByTagName("h2")[0];
head.insertAdjacentText("afterbegin", "Hello world");

Using the "beforebegin" value:

Example

var head = document.getElementsByTagName("h2")[0];
head.insertAdjacentText("beforebegin", "Hello world");

Using the "beforeend" value:

Example

var head = document.getElementsByTagName("h2")[0];
head.insertAdjacentText("beforeend", "Hello world");