Skip to content
Related Articles

Related Articles

Improve Article
HTML DOM setStartAfter() method
  • Last Updated : 03 Jul, 2020

The HTML DOM Range setStartAfter() method sets the starting position of a Range. An element used to set the starting point range is referenceNode element. In this method, the reference element used is not included in the range.




  • referenceNode element: The Node which is used to set the starting of the range.

Return Value: This method has no return value.

Example: This example will show how to set the starting of the range using setStartAfter(). Also in this example, I had also used setEndAfter() method to set the ending of the range. The start reference node here is the first <i> element of the document.

For reference, i had also console logged the range in the text to make it clear.

<title>HTML DOM range setStartAfter() property</title>    
    The range will start after 
1st element in italics<i> RangeStart
</i> The range started after 1st i 
element <i>RangeEnd</i>
    var range = document.createRange();
    var refNode1 = document.getElementsByTagName("i").item(0);
    var refNode2 = document.getElementsByTagName("i").item(1);

Output: In console, range made with startOffset and endOffset can be seen.

Supported Browsers:

  • Google Chrome
  • Edge
  • Firefox
  • Safari
  • Opera
My Personal Notes arrow_drop_up
Recommended Articles
Page :