Javascript 如何突出显示从单独网页链接到的文本？

我有一个带有锚定标记的网页，锚定标记链接到另一个只包含这些单词的网页中的特定单词

单词页面中的每个单词都用

---

我需要找到一种方法，用彩色背景或类似的东西突出显示我链接的单词

我在这两个网页上都使用JavaScript、HTML、CSS和PHP，没有其他功能。

你可以使用CSS

#wordid:target {
    background-color: #ddd;
    -webkit-transition: all 1s linear;
}

---

在文本页面上，您可以使用只读属性中的

散列

属性从url中检索

id

，并为具有该id的文本元素指定背景色，如下所示：

<a id="a">Капитанская</a>
<a id="b">дочкаБереги</a>
<a id="c">Капитанская</a>
<a id="d">дочкаБереги</a>

<a href="website.com/text-page.html#a">Капитанская</a>
<a href="website.com/text-page.html#b">дочкаБереги</a>

//从URL获取id
const link=window.location.hash.split（“#”）[1]；
//向具有该id的元素添加一个类
document.getElementById（link.classList.add（'highlighted'）
。突出显示{
背景色：绿色；//向该元素添加背景色
}
word1
字2
字3
字4
字5
字6
字7
word8
是否可以通过标签ID实现这一点？文本html看起来更像这样：БааПаааааааааааааааааааааааа？