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

range

The Range object to remove from the Highlight.

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

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