Skip to content
Related Articles

Related Articles

Improve Article
Save Article
Like Article

HTML DOM Range setEndBefore() method

  • Last Updated : 03 Jul, 2020

The Range setEndBefore() method sets the end position of a Range relative to another Node. An element used to set the ending point range is referenceNode element. In this method the reference element used and its content is not included in the range.

Syntax:

range.setEndBefore(refNode);

Parameters:

  • referenceNode element: The Node which the sets the ending of the range.

Return Value: This method has no return value.

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



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




<html>
<head>
<title>HTML DOM range setEndBefore() property</title>    
</head>
<body>
    <h1>GeeksforGeeks</h1>
    The range will start after 1st element in 
italics<i> RangeStart</i> This is range content 
<i>RangeEnd</i>
</body>
<script>
    var range = document.createRange();
    var refNode1 = document.getElementsByTagName("i").item(0);
    var refNode2 = document.getElementsByTagName("i").item(1);
    range.setStartAfter(refNode1);
    range.setEndBefore(refNode2);
    console.log(range);
    console.log(range.toString())
</script>
</html>

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 :

Start Your Coding Journey Now!