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

作者:小小谷 | 创建时间: 2023-05-24
在做界面的时候,会涉及到字体颜色的改变,那么使用js可以怎样改变字体颜色呢?...
js中如何改变变量中字体的颜色

操作方法

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

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

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

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

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

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

温馨提示

若有错,请指正,谢谢。
点击展开全文

更多推荐