files/en-us/web/api/highlightregistry/values/index.md
{{APIRef("CSS Custom Highlight API")}}
The values() method of the {{domxref("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 {{jsxref("Map")}}-like object, so this is similar to using {{jsxref("Map.values()")}}.
values()
None.
A new iterator object containing each Highlight object in the registry, in insertion order.
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}}
{{Compat}}