«前の日記(2006年02月10日) 最新 次の日記(2006年02月12日)» 編集

ema log


2006年02月11日 [長年日記]

_ [Programming][JavaScript] DOM でハイライトするように変更

ここのページでは JavaScript を使って、検索結果のハイライト表示を実現しています()。今までは body の innerHTML をごっそり置き換えるスクリプトを利用していたのですが、まじめに DOM で探索して置き換えていくスクリプトを書いてみました。

深さ優先で探索して、テキストノードを分割して置き換えています。置き換え部分はこんな感じで良いのかなぁ。やってることを絵にすると下のような感じ。innerHTML を substring で置換する方が楽だなぁ。と書いてみてから改めて実感。DOM でもたいしたこっちゃないんだけど。