怎样用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代码就可以了。

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值