练习：----点击按钮文字变颜色

点击按钮文字变颜色

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5 <title></title>
 6 </head>
 7
 8 <body>
 9 <p id="hello">hello</p>
10 <input type="button"  style="cursor:pointer;"   value="点击变颜色"  οnclick="hello()" />
11 <br/>
12 </body>
13
14 <script language="javascript">
15 var a= new Array();
16 a[0]=2;
17 a[1]=1;
18 a[2]=3;
19 a.sort();/*从小到大排序*/
20 a.reverse();/*数组翻转*/
21 document.write(a);/*输出321*/
22
23 var a=true;
24 function hello()
25 {
26 if(a)
27 {
28      x=document.getElementById("hello");
29      x.style.color = "#ff0000";
30      a=false;
31 }
32 else
33     {
34     y=document.getElementById("hello");
35     y.style.color="#000000";
36     a=true;
37     }
38 }
39 </script>

显示效果：

转载于:https://www.cnblogs.com/yuyu1993/p/5489304.html

练习：----点击按钮文字变颜色相关推荐

Android之在TextView里面部分文字变颜色并且可以点击
1.问题在TextView里面部分文字变颜色并且可以点击 2.借助SpannableString SpannableString和String一样,是一种字符串类型 public void setS ...
IOS富文本点击文字打开链接特殊文字变颜色点击文本打开链接必须加手势
有的时候需要实现H5的效果一段文字特殊几个文字变颜色并且点击文字打开H5链接. 什么是富文本? 实际上就是图文混排,就是过去都是普通的文字,黑色的,大小一致,但是不能满足需求,最后通过富文本 ...
php点击按钮变文字,点击按钮文字变成input框,点击保存变成文字的实现
下面为大家带来一篇点击按钮文字变成input框,点击保存变成文字的实现代码.内容挺不错的,现在分享给大家,也给大家做个参考. 点击按钮文字变成input框,点击保存变成文字的实现代码点击按钮文字变成 ...
vue 点击文字input_vue input实现点击按钮文字增删功能示例
本文实例讲述了vue input实现点击按钮文字增删功能.分享给大家供大家参考,具体如下: content="width=device-width, user-scalable=no, in ...
html改游戏聊天字体颜色,html点击按钮改变字体颜色怎么实现
html点击按钮改变字体颜色的实现方法:1.创建一个html文件:2.在html文件中添加html代码架构:3.在body标签里面使用button标签实现一个按钮,并使用style给按钮添加样式以及使 ...
html老师点名软件的代码,随机点名器点击按钮文字随机点名器代码
特效描述:随机点名器点击按钮文字随机点名,js特效代码结构 1. HTML代码点名器 *{margin:0;padding:0;list-style-type:none;} a,img{bor ...
表格通用样式el-table的表头颜色样式，表内边框行高样式，点击行高亮变颜色
1-1,如下代码写在el-table标签上 :height='400' style="width: 100%" :header-cell-style="{'text-al ...
Android使用selector点击按钮文字变色
需求:开发中按钮按压时字体颜色变为灰色松开后恢复实现:1.res下新建color文件夹(放drawable文件夹下也可),创建文件btn_text_color.xml: <selector ...
制作点击文字变颜色_手机照片、视频怎样添加文字？原来很简单，4种方法一分钟搞定...
手机照片.视频怎样添加文字?原来很简单,4种方法一分钟搞定还有3天就到了元旦佳节,相信大家都很开心,美好的假期开始了. 那么可以说是你们元旦必备手机技巧,怎样给照片.视频添加文字,分享4种笔者常用的 ...

练习：----点击按钮文字变颜色

练习：----点击按钮文字变颜色相关推荐

最新文章

热门文章