js中如何改变变量中字体的颜色

在做界面的时候,会涉及到字体颜色的改变,那么使用js可以怎样改变字体颜色呢?

操作方法

  • 01

    步骤一:打开Eclipse,点击File-->New-->Dynamic Web Project,新建一个工程TestColor。

  • 02

    步骤二:选中WebContent,右键New-->Other,输入Jsp,选中Jsp File,新建一个Jsp文件ChangeCol.jsp

  • 03

    步骤三:使用js改变变量的字体,使用如下代码: x.style.color="Red";(其中x为变量名称,Red为改变后字体颜色)。

  • 04

    步骤四:将项目部署到tomcat,并启动。 浏览器中输入http://localhost:8080/TestColor/ChangeCol.jsp。可以看到运行后界面如下所示。

  • 05

    步骤五:点击界面上的“改变颜色”按钮,可以发现字体颜色变成了红色,如下所示:

  • 06

    步骤六:总结-->通过x.style.color="Red"的实现了字体颜色的改变。

(0)

相关推荐

  • PDF阅读器中怎么改变线条颜色、线宽和线型等?

    在PDF文档阅读中(本文以福昕阅读器为例),我们需要对文章做些笔记或者勾画,其中直线就被常常作为辅助工具,但是有时候需要改变直线的线宽来对内容加以区分,那么PDF阅读器中如何改变直线的线宽.颜色和线型 ...

  • 在Excel表格中如何改变字体颜色呢?

    Excel 如何改变字体颜色呢?想要改变颜色,很简单哦,来试试吧. 步骤 1.打开excel表格,输入一些汉字. 第一种方法直接在开始中找到A颜色就是字体颜色修改了. 如果没有喜欢的颜色可以在其他颜色 ...

  • DreamWeaver中如何改变字体的颜色

    DreamWeaver中如何改变字体的颜色 操作方法 01 打开DreamWeaver软件,新建一个html文件,在body栏中,输入一个h1标签,如下图所示 02 然后在head标签中,输入styl ...

  • coreldraw中改变文字的大小和颜色还有字体

    CorelDRAW是一个非常好用的排版做图软件,和ps 不同的是 CorelDRAW放大不是失真哦 操作方法 01 打开CorelDRAW软件, 02 A4纸张的大小一般为297*210毫米 那么现在 ...

  • eclipse中如何改变字体和背景的颜色

    如何实现改变eclipse中的字体的样式,以及其背景的颜色,达到保护眼睛的目的. 操作方法 01 接下来,我们就要去实现,如图所示这样的效果,这种效果不是很好看??哈哈,接下来就去实现它. 02 在代 ...

  • Win7系统中的环境变量PATH怎么修改

    方法一、通过命令设置环境变量 1、打开“开始→运行”,在运行框中“cmd”,回车打开命令提示符窗口; 2、在打开的命令提示符窗口中,输入“path”,回车就可查看环境变量设置; 3、 更改环境变量有两 ...

  • excel中如何改变图表图例位置

    excel中如何改变图表图例位置呢?是否有些小伙伴还不知道?跟随小编来看看吧 1.如图所示 是excel数据表和数据图 图例为于右侧 名称为 华北东北 2.点击图标空白处 这样图标工具栏上灰色的工具就 ...

  • 怎么在WPS文字中设置格式一样的字体

    WPS文字中设置格式一样的字体的步骤: 1打开wps文字加入要设置跟那五个一格式一样的字或段落我们可以利用格式刷工具 2选择该格式不用全选只需要选中其中任意一个字符即可 3在菜单栏找到格式刷点击一下 ...

  • Excel中通过改变单元格内容使得单元格颜色改变

    在Excel中,有时候需要对单元格特定内容进行颜色标注,不同的单元格文字内容对应不同颜色,那么怎样来使得单元格颜色随着输入内容的不同来改变呢?这时候需要用到Excel中的条件格式工具. 条件格式工具能 ...