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().

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

• The CSS Custom Highlight API
• CSS Custom Highlight API: The Future of Highlighting Text Ranges on the Web