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

2024-10-14 13:37:48

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

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

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

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

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

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

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

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

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

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

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

猜你喜欢