Skip to content
Related Articles
Get the best out of our app
GeeksforGeeks App
Open App

Related Articles

HTML | DOM insertAdjacentText() Method

Improve Article
Save Article
Like Article
Improve Article
Save Article
Like Article

The insertAdjacentText() inserts a provided text at one of the following positions.

  • afterbegin:
  • afterend:
  • beforebegin:
  • beforeend:


node.insertAdjacentText(position, text)

Parameters: This method requires 2 parameters.

  • position: A position relative to the element.The legal values are:
    1. afterbegin: Just inside the element, before its first child.
    2. afterend: After the element itself.
    3. beforebegin: Before the element itself.
    4. beforeend: Just inside the element, after its last child.
  • text: The text you want to insert.

Return Value: No Return Value. 

Exceptions: If the specified position is not recognized. 



<!DOCTYPE html>
        HTML | DOM insertAdjacentText() Method
    <!--script to insert specified
           element to specified position-->
        function insadjtxt() {
            var h = document.getElementById("m1");
                " Computer Science Portal.");
    <h1> Welcome To GeeksforGeeks</h1>
      <p id="m1">GeeksforGeeks is a </p>
      Click the button to insert some
      text after the sentence:
    <button onclick="insadjtxt()">
        Insert text


Before clicking insert text button:


After clicking insert text button:


Supported Browsers: The browser supported by DOM insertAdjacentText() Method are listed below:

  • Google Chrome 1 and above
  • Edge 17 and above
  • Internet Explorer 5 and above
  • Firefox 48 and above
  • Opera 12.1 and above
  • Apple Safari 4 and above

My Personal Notes arrow_drop_up
Last Updated : 10 Aug, 2022
Like Article
Save Article
Similar Reads
Related Tutorials