Q&A
全体像がわからないので、問題が再現できる程度のHTML/JavaScript/CSS等は提示されたほうが回答が付きやすいと思います。
###前提・実現したいこと
chrome拡張機能
javascriptで、ページ内検索機能を作ろうとしています。
できるだけリアルタイムな検索を目指しています。
###発生している問題
現在の実装では全体を更新してしまうため、大きなページでは非常に遅い動作になってしまいます。
html
1<body> 2 [テキスト１] 3 <div>...</div> 4 [テキスト２] 5<body>
テキスト１を別の文字に置換(変更)するときにdiv内やテキスト２を更新しないということは出来るのでしょうか？
###該当のソースコード
タグを置換しない機能などは既に実装済みです。
コードでは省略しています。
js
1text = document.body.innerHTML 2text = text.replace('[テキスト１]', '置換後文字列') 3document.body.innerHTML = text
上のようにしている為低速で、リアルタイムな検索・表示ができなくなっています。
###補足情報(言語/FW/ツール等のバージョンなど)
javascript(外部フレームワーク等なし)
最新版Google Chrome
フレームワークを使えば簡単に解決できるよ！みたいな回答もお待ちしております。
回答1件
0
ベストアンサー
この質問は定期的に出るような気が。
テキストノードを捕まえて、書き換えて下さい。
JavaScript
1document.body.firstChild.data = 'replaced text';
Re: intelf___ さん
投稿2017/09/09 11:47
総合スコア18162
ありがとうございます。定期的に出るんですね
「HTML 部分更新」「DOM 部分更新」みたいに検索しても一向に出なくて...
テキストノードというものがあることがわかったので、応用して色々出来そうです。
ありがとうございます。
「DOM」について一通り調べると、理解が深まると思います。
http://uhyohyo.net/javascript/
ありがとうございます。
「htmlをjsで扱うためにオブジェクト化したもの」くらいの漠然とした理解だったので助かります。
あなたの回答
tips
プレビュー
