1. classList对象

添加样式

  1. box.classList.add('bgc')

判断是否存在该样式

  1. // console.log(box.classList.contains('bgc'))
  2. // console.log(box.classList.contains('gc'))

删除样式

  1. box.classList.remove('bgc')

替换样式

  1. box.classList.replace('bgc','bc')

动态添加样式 如果没有就加上 有就去掉

  1. box.classList.toggle('bc')

2. blur进行表单非空验证

  1. function check(els){
  2.     event.preventDefault()
  3.     event.stopPropagation()
  5. }
  6. document.forms.login.email.onblur=function(){
  7.     if(email.value.length===0){
  8.         alert('输入邮箱')
  9.         return false
  10.     }else if(email.value.length!==0&&password.value.length!==0){
  11.         alert('请登录')
  12.     }
  14.     }
  15.     document.forms.login.password.onblur=function(){
  16.     if(password.value.length===0){
  17.         alert('输入密码')
  18.         return false
  19.     }else if(email.value.length!==0&&password.value.length!==0){
  20.         alert('请登录')
  21.     }
  23.     }

更多相关文章

  1. Android之生成桌面快捷方式（二）
  2. Android之创建程序快捷方式
  3. 修改Android默认的RadioButton样式
  4. Android: 自定义Tab样式
  5. android自定义progressbar图片大小自适应
  6. Android中RatingBar的自定义总结
  7. android app 添加logo
  8. Retrofit简单使用(Kotlin)
  9. Win7 64位 Android(安卓)SDK下载和更新失败的解决方法

随机推荐

  1. 盘点2015年前端早读课专访
  2. 专访｜360奇舞团团长@月影
  3. 专访｜美的电商高级前端工程师@姬小光
  4. 一文带你学会AQS和并发工具类的关系2
  5. 盘点2015年前端工程师必备图书@前端早读
  6. 【招聘】北京计蒜客招初/中级前端工程师
  7. 【招聘】西安瑞木招web前端
  8. 【招聘】爱奇艺招广告前端
  9. 【招聘】广州37游戏招初/中级前端工程师
  10. 【图书】React Native入门与实战