javascript - 新しいウィンドウでテキストを強調表示する

Question

ユーザーがレシピの材料 (オリーブオイル、ブロッコリーなど) をクリックすると、クリックした材料が黄色で強調表示された材料のリストにリダイレクトされるレシピページを作成しようとしています。

特定のリンクでテキストを強調表示する方法を知っています：

CSS:

.highlight {background-Color:yellow;}

Javascript:

function highlightText(id) 
{
    var textObject = document.getElementById(id);

    textObject.className = "highlight";
}

HTML:

<h1 id="ingredient">Olive Oil</h1>
<a href="javascript:highlightText('ingredient')">Olive Oil</a>

私がやりたいことは、id 属性を使用する方法で、別のページから「オリーブオイル」へのリンクを作成することです。

<a href="http://www.mypage.com/recipe-list.html#ingredient">
    Olive Oil
</a>

すべての助けに感謝します。初めての投稿で、こんな素朴な質問ですみません。

score 1 · Accepted Answer

ターゲットセレクターを使用する

:target{
background-color:yellow;
}

score 0 · Accepted Answer

画像、テキスト、または html ドキュメントを強調表示するには、ライトボックスを使用できます。

2 に答える 2