                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

为什么我这样写改不了字体的颜色,边框却可以改?急

window.onload=function(){
		var enter=document.getElementsByClassName('enter');
		enter[0].onmouseover=function(){
			enter[0].style.color='#414141';
			enter[0].style.border='1px solid red';
		}
	}

这是html:

<span class='enter'><a href="#">点击了解</a></span>

鼠标经过的时候边框可以变红,但字体并没有变色,为什么会这样?

weibo_一万群什麼_0

2016-07-18

源自：JavaScript进阶篇 6-3

关注问题我要回答

1807

操作

收起

2 回答

慕客学渣会总瓢把子3201537 回答被采纳 +3 积分
2016-07-18

<a>标签里面的字体变色要单独变，它不会继承父级的字体颜色变化。获取<a>.让<a>变成你想要的颜色。

window.onload=function(){

var enter=document.getElementsByClassName('enter');

var A = enter.getElementsByTagName('a')

enter[0].onmouseover=function(){

a[0].style.color='#414141';

enter[0].style.border='1px solid red';

}

你试试，给我个回复吧。我也想知道我说的对不对

0 回复有任何疑惑可以回复我~

收起回答

weibo_一万群什麼_0 提问者

Bingo! and Thx!

2016-07-18 回复有任何疑惑可以回复我~

zhongjing

运行后鼠标经过没任何效果，js根本不起作用，不验证运行一下就贴代码？

2016-07-26 回复有任何疑惑可以回复我~

慕客学渣会总瓢把子3201537 回复 zhongjing

发出去才看见错了。我看她知道就没吭声。 var A = enter.getElementsByTagName('a')//enter是数组,enter数组第一个enter[0]对象获取 A[0].style.color='#414141';//和变量名一致，原来是小写不好意思。

2016-07-26 回复有任何疑惑可以回复我~

啊专
2016-07-18

enter[0].style.color='#414141';改成enter[0].style.fontcolor='#414141';试试

0 回复有任何疑惑可以回复我~

收起回答

weibo_一万群什麼_0 提问者

没用,没有fontcolor这个属性吧.

2016-07-18 回复有任何疑惑可以回复我~

慕客学渣会总瓢把子3201537 回复 weibo_一万群什麼_0 提问者

还不行吗？

2016-07-18 回复有任何疑惑可以回复我~

weibo_一万群什麼_0 提问者回复慕客学渣会总瓢把子3201537

我已经采纳你啦,你的方法是正确的,<a>确实不能继承span的color,不过不知道为什么在css里设置span的color的时候<a>却可以继承span的color.

2016-07-18 回复有任何疑惑可以回复我~

查看5条回复

0/150

提交

取消

JavaScript进阶篇

参与学习 469390 人
解答问题 22585 个

本课程从如何插入JS代码开始，带您进入网页动态交互世界

进入课程

本课相似问答

3 回答改变行颜色，这样写为什么不行？

1 回答script 字体颜色怎么改变？

2 回答我这个颜色怎么改变不了

1 回答点击标题边框颜色不改变，哪里出错了？

2 回答为什么改变不了背景颜色？

搜索更多本课相关问答

为什么我这样写改不了字体的颜色,边框却可以改?急

我要回答关注问题

热搜

最近搜索清空

为什么我这样写改不了字体的颜色,边框却可以改?急

2 回答

本课相似问答

为什么我这样写改不了字体的颜色,边框却可以改?急