Since June 2025, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
The delete() method of the Highlight interface removes a specified Range object from a Highlight object.
Highlight is a Set-like object, so this is similar to using Set.delete().
delete(range)
Returns true if range was already in Highlight; otherwise false.
The code snippet below shows how to create a new highlight with two ranges, and then delete one of them:
const range1 = new Range(); const range2 = new Range(); const highlight = new Highlight(range1, range2); console.log(highlight.size); // 2 highlight.delete(range1); console.log(highlight.size); // 1
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | WebView Android | WebView on iOS | |
delete |
105 | 105 | 140 | 91 | 17.2 | 105 | 140 | 72 | 17.2 | 20.0 | 105 | 17.2 |
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/Highlight/delete