W3cubDocs

/Web APIs

HighlightRegistry: values() method

Baseline 2025

Newly available

Since ⁨June 2025⁩, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

The values() method of the HighlightRegistry interface returns a new Iterator object that contains the values for each Highlight object in the HighlightRegistry object in insertion order.

HighlightRegistry is a Map-like object, so this is similar to using Map.values().

Syntax

values()

Parameters

None.

Return value

A new iterator object containing each Highlight object in the registry, in insertion order.

Examples

The following code snippet shows how to create and register three Highlight objects, and use the iterator returned by the values() method to log the highlights:

const fooHighlight = new Highlight();
const barHighlight = new Highlight();
const bazHighlight = new Highlight();

CSS.highlights.set("foo", fooHighlight);
CSS.highlights.set("bar", barHighlight);
CSS.highlights.set("baz", bazHighlight);

const iter = CSS.highlights.values();

console.log(iter.next().value); // Highlight
console.log(iter.next().value); // Highlight
console.log(iter.next().value); // Highlight

The following code example shows how to iterate over the highlights in the registry by using a for...of loop:

const fooHighlight = new Highlight();
const barHighlight = new Highlight();
const bazHighlight = new Highlight();

CSS.highlights.set("foo", fooHighlight);
CSS.highlights.set("bar", barHighlight);
CSS.highlights.set("baz", bazHighlight);

for (const highlight of CSS.highlights.values()) {
  console.log(highlight); // Highlight
}

Specifications

Specification
ECMAScript® 2026 Language Specification> # sec-map.prototype.values>

Browser compatibility

	Desktop					Mobile
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on IOS	Samsung Internet	WebView Android	WebView on iOS
`values`	105	105	140	91	17.2	105	140	72	17.2	20.0	105	17.2