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> |
ブラウザーの互換性
Loading…