OnMouseOver() 不要将 Href 属性 更改为 JavaScript

Question

我的网站中有这个 link，我想用 JavaScript 进行更改。出于某种原因，我可以更改其 "Display" 属性 但我无法更改其 "href" 属性.

开始了：

符合剧本

<li style="width:15%; text-align:center;" onMouseOver="B1();"><a href="">ADMINISTRACION</a></li>

要更改的link行

<li id="A1" style="width:10%; text-align:center; display:none;"><a href="">A1</a></li>

函数与JavaScript

function B1(){
            document.getElementById("A1").style.display="block";
            document.getElementById("A1").href="local.php";
            document.getElementById("A1").innerHTML="Locales";}

display 和 innerHTML 属性工作正常。但它不再将元素识别为 link。我的代码有问题吗？或者也许这个事件不适用于这个 属性?

谢谢！

Answer 1

您正在引用没有 href 属性的 li 元素。 select你li下的主播先：

document.getElementById("A1").getElementsByTagName('a')[0].href="local.php";

Answer 2

请按如下方式修改您的语法。请参阅 W3schools sample，它解释了如何修改 JavaScript 中的属性。

document.getElementById("A1").setAttribute("href", "local.php");