This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

The Selection.addRange() method adds a Range to a Selection.

Syntax

sel.addRange(range)

Parameters

range
A Range object that will be added to the Selection.

Examples

/* Select all STRONG elements in an HTML document */

var strongs = document.getElementsByTagName("strong");
var s = window.getSelection();

if(s.rangeCount > 0) s.removeAllRanges();

for(var i = 0; i < strongs.length; i++) {
  var range = document.createRange();
  range.selectNode(strongs[i]);
  s.addRange(range);
}

Specifications

Specification Status Comment
HTML Editing APIs
The definition of 'Selection.addRange()' in that specification.
Editor's Draft Initial definition
Selection API
The definition of 'Selection.addRange()' in that specification.
Working Draft Current

Browser compatibility

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Feature Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support ? (Yes) (Yes) ? ? ?
Feature Android Edge Firefox Mobile (Gecko) Firefox OS IE Phone Opera Mobile Safari Mobile
Basic support ? (Yes) (Yes) 1.0 ? ? ?

See also

Document Tags and Contributors

Last updated by: abbycar,