javascript - CSS-当id链接到使用锚点时突出显示一个div？

Question

我正在尝试做的是突出显示具有某个 id 的 div，当它被另一个页面 IE 上的锚引用时：

用户点击链接href="qw.html#test"，页面加载完毕后，带有 的 divid="test" 会高亮显示，方便用户看清。

我确信我已经看到了一个 CSS3 示例，其中一个 div 被链接到时会突出显示。还是 JavaScript？

Answer 1

您需要使用:target伪类：

:target {
   background-color: #ffa;
}

JS 小提琴演示。

Answer 2

JavaScript 可用于动态添加/更改 div 的类：

如果你有：

<div id="test"></div>

Javascript函数，通过点击锚点执行：

document.getElementById("test").className += " highlighted";

结果：

<div id="test" class=" highlighted"></div>

Answer 3

您可以在 JavaScript 中执行此操作。请参阅如何使用 jQuery 从 URL 中获取锚点？关于如何从 URL 获取锚点，然后它可以很简单，比如

document.getElementById(hash).style.backgroundColor="Yellow";