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)