Since June 2025, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
The clear() method of the Highlight interface removes all the Range objects from a Highlight object.
Highlight is a Set-like object, so this is similar to using Set.clear().
clear()
None.
None (undefined).
The code snippet below shows how to create a new highlight with two ranges, and then clear it:
const highlight = new Highlight(range1, range2); console.log(highlight.size); // 2 highlight.clear(); console.log(highlight.size); // 0
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | WebView Android | WebView on iOS | |
clear |
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/clear