Highlight: Highlight() コンストラクター
Baseline
2025
最近利用可能
June 2025以降、この機能は最新のバージョンの端末およびブラウザーで動作します。古い端末やブラウザーでは動作しないことがあります。
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);
仕様書
| 仕様書 |
|---|
| CSS Custom Highlight API Module Level 1 # dom-highlight-highlight |