Rangeオブジェクトのテキストを強調表示するにはどうすればよいですか?マウスを使用してhtmlページ(firefoxで開いた)でテキストを選択し、javascript関数を使用して、選択したテキストに対応するrangeobjectを作成/取得します。"yellow";まあ、これは正常に動作します。範囲オブジェクト(開始点と終了点)が同じテキストノードにある場合にのみ、対応するテキストを強調表示します。textnode</p>しかし、rangeobjectが複数のtextnodeをカバーしている場合、適切に機能していません。メソッドは、まさにその目的のために構築されていますが、通常は編集可能なドキュメントで使用されます。同様の質問に私が与えた答えは次のとおりです。以下はあなたが望むことをするはずです。IE以外のブラウザでは、designModeをオンにし、背景色を適用してから、designModeを再びオフにします。9で動作するように修正されました。2013年9月12日更新この方法で作成されたハイライトを削除する方法の詳細を示すリンクを次に示します。Applierモジュールでこの問題を完全に解決するクロスブラウザー範囲および選択ライブラリーです。さまざまなデスクトップブラウザーとiPadで強調表示を実装するために使用していますが、完全に機能します。Downの答えは素晴らしいですが、Rangyは、すべての機能検出コードを自分で記述して保守する必要を省きます。3この機能の必要性を詳しく説明してください。4周囲のスパンのクラスを追加して、階層的なCSSを適用してみてください。それが機能すると推測するだけです。