このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

Highlight: Highlight() コンストラクター

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.

Highlight() コンストラクターは、新しく構築された Highlight オブジェクトを返します。これは Range オブジェクトの集合を保持することができ、 CSS カスタムハイライト API を用いてスタイル設定することができます。

構文

js
new Highlight()
new Highlight(range)
new Highlight(range1, range2, /* …, */ rangeN)

引数

range1, …, rangeN 省略可

新しいハイライトに追加する 1 つ以上の初期値の Range オブジェクト群。

返値

新しい Highlight オブジェクトです。

以下のサンプルコードは、空のハイライトオブジェクトを作成し、そのオブジェクトに範囲を追加する方法を示しています。

js
const highlight = new Highlight();
highlight.add(range1);
highlight.add(range2);

以下のサンプルコードは、新しいハイライトオブジェクトを作成し、構築中にそのオブジェクトに範囲を追加する方法を示しています。

js
const highlight = new Highlight(range1, range2);

仕様書

Specification
CSS Custom Highlight API Module Level 1
# dom-highlight-highlight

ブラウザーの互換性

関連情報