Since June 2025, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
The get() method of the HighlightRegistry interface returns the named Highlight object from the registry.
HighlightRegistry is a Map-like object, so this is similar to using Map.get().
get(name)
The Highlight object associated with the specified name, or undefined if the name can't be found in the HighlightRegistry.
The following code sample demonstrates how to create a new Highlight, add it to the registry, and retrieve it by its name using the get() method:
const fooHighlight = new Highlight();
CSS.highlights.set("foo", fooHighlight);
console.log(CSS.highlights.get("foo")); // Returns the fooHighlight object.
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | WebView Android | WebView on iOS | |
get |
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/HighlightRegistry/get