怎样用javascript来改变链接中的文字的颜色和字体!!

80酷酷网    80kuku.com

  javascript|链接

今天 经理说客户要把首页的链接的字体的样式改一下,就是要把鼠标 移动到一个链接(就是<a></a>)上面的时候,链接的字体和颜色都要变成 粗体和红色,而且鼠标移开后,颜色仍然不变,我刚开始用样式:a.link:hover {color:#FF0000;font-weight:bold;},但是想这样做的话只是鼠标移上去会变,移开后还是会变成以前的样式,客户的需求是:移上去后就变,移开后仍然保持链接为 粗体和红色。最后我自己用这种方法解决了:

首先,获取链接中的文本,比如说 我的链接为<a id="aArr">Arrival</a>,获取链接中的文本的js代码为:

var val = document.getElementById("aArr").innerText;

然后,我要把该文本的颜色变为 红色,代码如下:

val = val.fontcolor("red");

最后,我将这个文本插入到它的链接中:

document.getElementById("aArr").innerHTML = val;

注意:不能写成 document.getElementById("aArr").innerText = val;不然的话字体的颜色是不会改变的.

如果要改变字体为粗体的话,就可以这样:document.getElementById("aArr").style.fontWeight = "bold";

想这样,我只要在这个链接的onmouseover事件中调用上面的javascript代码就可以了。



分享到
  • 微信分享
  • 新浪微博
  • QQ好友
  • QQ空间
点击: