DOM

：

：

Selection.addRange() メソッド

　編集：2022.09.25 by T.A.

選択範囲に範囲を追加します。→MS（en）

実験的： これは実験的技術です。これを本番環境で使用する前に、ブラウザの互換性テーブルを注意深く確認してください。

構文
selection.addRange(range)
selection
Selection。
range
Selection に追加する Range オブジェクト。
例

HTML： 

<p>I <strong>insist</strong> that you <strong>try</strong>
 selecting the <strong>strong words</strong>.</p>
<button>Select strong words</button>

JavaScript： 

let button = document.querySelector('button');

button.addEventListener('click', function () {
  let selection = window.getSelection();
  let strongs = document.getElementsByTagName('strong');

  if (selection.rangeCount > 0) {
    selection.removeAllRanges();
  }

  for (let i = 0; i < strongs.length; i++) {
    let range = document.createRange();
    range.selectNode(strongs[i]);
    selection.addRange(range);
  }
});
テスト
HTML：

ここに表示
スクリプト：


スクリプト：



表示内容：
表示内容：