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

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used 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

ブラウザーの互換性

関連情報