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 |