外部ライブラリを使わず生JSだけでHTML内の特定の文字列にmarkタグで囲う(マーカーを引く)方法です。次の2つの関数を自作します。検索文字列にマーカーを引くmarkText()とマーカーを除去するunmarkText()です。word)第一引数に親要素を、第二引数には検索文字列を指定します。この関数は、検索文字列にヒットしたTextNodeの箇所をmarkタグで囲います。unmarkText(node)第一引数に親要素を指定します。この関数は、指定された要素の子要素のmarkタグを全て外します。それぞれの関数の実際のコードは次のサンプルコードで示しています。マーカーの色変更はお好みで。class="item"><code>mark</code>タグで囲います。上記メッセージは「mark」というワードではマーカーを引けますが、「markタグ」というワードでは引けません。これは「<code>mark</code>タグで囲います。」の実体が「&lt;code&gt;mark&lt;/code&gt;」(code要素)と「タグで囲います。」(テキストノード要素)という2つの要素で構成されているからです。空文字列をセットするとマーカーが除去されます。}}</script>...サンプルを実行サンプルコードを実行してみましょう。入力BOXに文字を入れて[テキストにマーカー]ボタンを押すと該当箇所の背景色が変わります。空入力でボタンを押すとマーカーが外れます。テキストにマーカーマークあいうえおかきくけこさしすマークせそなにぬねのマークmarkタグで囲います。上記メッセージは「mark」というワードではマーカーを引けますが、「markタグ」というワードでは引けません。これは「markタグで囲います。」の実体が「<code>mark</code>」(code要素)と「タグで囲います。」(テキストノード要素)という2つの要素で構成されているからです。ひとことどうぞご自由にコピペしてお使いください。@programmingプログラミング関連アカウント。Web標準技術を中心に書いていきます。済ませたい人たちの集いです。以下、本サイト「芽萌丸」を「本サイト」、本サイトの利用者を「利用者」、本サイトの運営者「田中ソフトウェアラボ」を「運営者」とそれぞれ表現します。本サイトを使用することにより、利用者は本利用規約に同意されたものとみなします。同意されない場合は、本サイトを使用することはできません。著作権について本サイトの全てのコンテンツの著作権は運営者に帰属します。本サイトのコンテンツの無断複製は禁止しております。本サイトへのリンクについて本サイト内の記事へのリンクはご自由に貼っていただいても構いませんが、本サイトを誤認させるような形でリンクを張ることは禁止しております。個人情報について本サイト一般利用者の個人情報を取得することは一切ありません。本サイトのメンバー会員につきましてはアカウント新規登録の際にメールアドレス等を取得する場合があります。サードパーティ(広告プロバイダ等)が利用者のCookieなどの情報を利用する場合があります。広告について本サイト内ではアフィリエイト広告を表示する場合があります。アフィリエイトの収益は全て本サイトの運営費用に充当し、長期的に持続可能な運営を目指します。