                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript入门篇

改变颜色的哪里有错

var text=document.getElementById("txt");
function add1(){
text.style.color="red";}

<input type="button" value="改变颜色" onclick="add1()">

怎么办都是你

2016-10-25

源自：JavaScript入门篇 4-1

关注问题我要回答

390

操作

收起

4 回答

给我一杯咖啡回答被采纳 +3 积分
2016-10-25

您的代码主要有两个地方需要改动，如下图：

将input按钮设id为txt的标记，这样才可以在脚本中用 document.getElementById("txt")抓取该元素。
将 var text=document.getElementById("txt")；这一语句写入add1函数内，因为是在点击的时候或取该元素并改变属性颜色变化，而定义为全局变量在点击调用add1方法时浏览器执行规则脚本是没有获取id为txt的元素的。

最终就完成您想要的按钮中字体颜色变化的效果拉，祝您学习愉快。

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

收起回答

慕少5122734
2016-10-26

//定义"改变颜色"的函数
function changeColor(){
    document.getElementById("txt").style.color="red";
}

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

收起回答

波仔666
2016-10-25

function dcolor(){

var text=document.getElementById("txt")

text.style.color="red";

}

text的赋值要放在函数里面

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

收起回答

波仔666
2016-10-25

onclick是大写onClick

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

收起回答

0/150

提交

取消

JavaScript入门篇

参与学习 741433 人
解答问题 9869 个

JavaScript做为一名Web工程师的必备技术，本教程让您快速入门

进入课程

本课相似问答

5 回答改变哪个的颜色

2 回答只能改变颜色

3 回答怎样改变Hello的颜色

4 回答改变颜色这个功能没反应，不知错在哪里了？

2 回答第一次单机改变颜色，如何设置再次单机改变颜色，将其颜色换回以前的颜色

搜索更多本课相关问答

改变颜色的哪里有错

我要回答关注问题

热搜

最近搜索清空

改变颜色的哪里有错

4 回答

本课相似问答

改变颜色的哪里有错