OnMouseOver()不会使用JavaScript更改Href属性

时间:2017-05-18 23:05:44

标签: javascript html hyperlink href onmouseover

我在网上有这个链接,我想用JavaScript改变。出于某种原因,我可以改变它的显示"财产,但我不能改变它的" href"属性。

这就是:

与剧本一致

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

与要更改的链接对齐

<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属性工作正常。但它不再将该元素识别为链接。我的代码有问题吗?或者这个事件可能无法使用此属性?

Thanx有利!

2 个答案:

答案 0 :(得分:1)

您正在引用没有href属性的li元素。 首先选择你的李下的锚点:

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

答案 1 :(得分:0)

请修改语法如下。请参阅W3schools sample,其中介绍了如何修改JavaScript中的属性。

document.getElementById(“A1”)。setAttribute(“href”,“local.php”);