利用js设置css样式的解决方法

欢迎点击「算法与编程之美」↑关注我们！

本文首发于微信公众号："算法与编程之美"，欢迎关注，及时了解更多此系列文章。

1 问题描述

在实际的表单验证的时候，可能会对一些所填内容进行验证，而如何做到：既能提示用户信息格式书写错误，又能有好的用户体验度？

2 问题分析

表单验证十分的普遍，一般表单验证后所提示的内容都是采用js动态设置css样式的方式来变换颜色。使用js控制css负担十分的小，也十分便捷。

3 解决方案

在修改密码时一定让用户输入两次，如果第二次输入与第一次一致时，输入框外就会显示绿色的提示文字，如果第二次输入与第一次不一致时，输入框外就会显示红色的提示文字。颜色的改变其实就是使用了js动态改变css。

①直接设置style的属性

（但很多情况下，设置 !important值无效）

如果属性值含有‘-’：若想保留原格式，即采用中括号的方式表示；若不想保留，则使用驼峰命名法。