HTML | DOM insertAdjacentText() Method

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

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

Syntax:

node.insertAdjacentText(position, text)

Parameters: This method requires 2 parameters.

  • position: A position relative to the element.
    1. The legal values are:

    2. afterbegin: Just inside the element, before its first child.
    3. afterend: After the element itself.
    4. beforebegin: Before the element itself.
    5. 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.

Example:

filter_none

edit
close

play_arrow

link
brightness_4
code

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

chevron_right


Output:

Before clicking insert text button:

After clicking insert text button:

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

  • Google Chrome
  • Apple Safari
  • Firefox
  • Opera
  • Edge


My Personal Notes arrow_drop_up

Check out this Author's contributed articles.

If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.

Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.