Javascript GetElementById .href问题

时间:2017-08-27 17:49:48

标签: javascript

我正在修改按钮的href,但由于某种原因它似乎没有。我在许多按钮上做同样的事情但是这是唯一一个有问题的按钮。

表示现有代码。

var shortnum = callid.substring(0,7);
var uglysrc = "list_num.php?caller=" + shortnum;
document.getElementById('uglymugs').href = uglysrc;
window.alert(document.getElementById('uglymugs').href); 
document.getElementById('uglymugs').style.background='#FF0000';

我在警报中添加了检查发生了什么,并且它正确显示了我想要的参考但是在悬停按钮时它仍然显示原始href并单击它将您带到原始状态?按钮的背景颜色按预期变为红色,因此在最后一行之前没有创建错误。

它让我难以忍受了2个小时,它与我用于其他按钮的方法完全相同,所有其他按钮按预期进行操作,即按钮href改变然后悬停更改,它会带您到达预期的位置。

2 个答案:

答案 0 :(得分:0)

您可以使用: window.alert(document.getElementById('uglymugs').getAttribute('href'));

如果您知道uglymugs已经指向您感兴趣的href(锚链接)。

如果有效,请告诉我。

答案 1 :(得分:0)

道歉,我发现了问题,它不在代码之内。我最近接管了这个应用程序并且不会自己这样做,所以这就是失去了我。

按钮的代码是:

<a id ="uglybutton" href="list_num.php" target="frame"><button id="uglymugs">UglyMugs</button></a>

设置按钮的href永远不会做任何需要设置的链接。

道歉,因为浪费了每个人的时间,但是以不同的方式对事物进行排序。非常感谢所有回复的人。