母版頁連結的背景顏色在 Internet Explorer 中發生變更，但在 Mozilla Firefox 中不起作用

Question

我有一个链接，当我点击它时，它的背景颜色必须改变。所以我使用了JavaScript函数来实现这一点，但它在Internet explorer中可以工作，但在Mozilla Firefox中不会改变。

代码如下：

function hilite() {
    Trend.style.background= "#000000";
}

这里的趋势是链接标签的id。

链接：

<a id="Trend" style="color: #FFFFFF;
 text-decoration: none;" href="ATrendAnalysis.aspx">Trend Analysis</a> &nbsp;&nbsp;

Cs文件：

 ScriptManager.RegisterStartupScript(this.Page, this.GetType(), "ScriptRegistration1", "hilite();", true);

Answer 1

在这种情况下：

 Trend.style.background= "#000000";

"Trend"是一个未定义的JavaScript变量。这不是在引用DOM中的元素。

用途：

document.getElementById('Trend').style.background= "#000000";

Answer 2

您还可以尝试使用伪类选择器：active，使用CSS将一些样式应用于链接。

：Active将仅在按下链接时应用定义的样式（在您的情况下，它将更改其背景色）。