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

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

时间: 2024-11-01 16:01:17

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

link如何遍历一个网页中所有的文字,以及链接中的文字呢?

问题描述 link如何遍历一个网页中所有的文字,以及链接中的文字呢? link如何遍历一个网页中所有的文字,以及链接中的文字呢? 解决方案 你可以通过广度优先遍历的方式获取,将已经获取的网页存入文件或者数据库,然后递归遍历它中间包含的链接.

给表格中的文字添加颜色动画教程

Excel2003是一款经典的办公软件,专业的制表软件,其中包括表格制作.公式运算.函数使用.图表制作等强大功能.Excel是办公族必不可少的软件之一.下面为大家分享<Excel2003入门动画教程2.给表格中的文字添加颜色>. 演示动画 操作步骤 设置字体:选中Excel表格中需要设置字体的单元格(区域),鼠标按"格式"工具栏的"字体"框右侧的下拉按钮,在随后弹出的下拉列表中,选择需要的字体即可. 设置字号:选中表格里需要设置字号的单元格(区域),鼠标

Android沉浸式状态栏 如何改变状态图标和文字的颜色

问题描述 Android沉浸式状态栏 如何改变状态图标和文字的颜色 当我把状态栏设置成白色的时候文字和图标都看不到,而QQ却可以.求助~~~ 解决方案 改变状态栏文字的颜色android 沉浸式之改变小米状态栏颜色 解决方案二: 我是来领积分的啦啦啦啦啦啦啦啦啦 解决方案三: 没看懂什么鬼啊!一串英语搞什么

c++-请问大神们,,我用settextcolor改变复选框文字的颜色为什么改变不了呢??这是我的代码

问题描述 请问大神们,,我用settextcolor改变复选框文字的颜色为什么改变不了呢??这是我的代码 HBRUSH CCheckBoxChangeDlg::OnCtlColor(CDC* pDC, CWnd* pWnd, UINT nCtlColor) { HBRUSH hbr = CDialog::OnCtlColor(pDC, pWnd, nCtlColor); // TODO: 在此更改 DC 的任何属性 switch(nCtlColor) { case CTLCOLOR_BTN: {

利用SpannableStringBuilder设置TextView中部分文字的颜色

MainActivity如下: package cc.testspannablestringbuilder; import android.os.Bundle; import android.text.Spannable; import android.text.SpannableStringBuilder; import android.text.style.ForegroundColorSpan; import android.widget.TextView; import android.

怎样编程实现改变textbox中某个字符的颜色和判断textbox框能容纳的字符个数

问题描述 程序中通过判断条件,来改变textbox中的某个字符的颜色.该如何实现呢?一个textbox怎么样判断出一行能容纳的字符个数? 解决方案 解决方案二: 利用TextBoxMode属性设置单行然后取得一行的字符个数TextBoxMode枚举值之一.默认值为SingleLine.可能的值:SingleLine-默认.表示单行输入模式.MultiLine-表示多行输入模式.Password-表示密码输入模式.

合理掌握反向链接中锚文字的妙用

&http://www.aliyun.com/zixun/aggregation/37954.html">nbsp;   锚文本是指在你发表一篇文章的时候,文章中包含一些词语(当然可以是关健词长尾关健词或其他等),这些文字在站内有专门的一篇文章具体说明这个词语的意思,这时可以把此文字加上链接, 指定到相应的文章页面.当然在其他文章中遇到的时候也需要这样做锚文本链接.注:最好写绝对地址,这样被转载走了后别人点击可能链接到你的网站! 锚文字听起来难以理解,实际上锚文本就是链接文字,他是

用javascript实现改变TEXTAREA滚动条和按钮的颜色,以及怎样让滚动条变得扁平_表单特效

请问怎样才能改变TEXTAREA滚动条和按钮的颜色,以及怎样让滚动条变得扁平,而不是突出的      谢谢,分不多了,不好意思 1楼 <textarea   style="SCROLLBAR-FACE-COLOR:   #ffffff;        SCROLLBAR-HIGHLIGHT-COLOR:   #e7dbbd;        SCROLLBAR-SHADOW-COLOR:   #d9c69f;      SCROLLBAR-3DLIGHT-COLOR:   #99cc99; 

如何在CListBox中设置文字颜色?

问题描述 请问,如何在vc6中的CListBox中设置文字的颜色,我想做出这样的效果:假设我要显示一个字符串"it is a test","it"为红色,"is"为蓝色," a test"为绿色.这该如何去做. 问题补充:飞雪无情 写道 解决方案 嗯,我感觉不行,我用java的是没有见过..我也认为不行,因为ListBox的每一项都是一个整体,要么你设置背景,要么你设置文字颜色(全部的)..没有什么办法了.比如现在html的s