原生js操作class

原生js操作class

方式一：  var div = docuemnt.querySelector('div.container'); // 获取元素

　　　　  div.className = 'container hidden';

 

方式二： HTML5 新增操作方式 classList， 比方式一简单很多

　　　　classList 包含四种操作 add（className） className string 类型 添加类  

　　　　　　　　　　　　　　　remove(className) 移除类

　　　　　　　　　　　　　　　contains(className) 表示列表中是否存在给定的值 有返回true 否则返回false

　　　　　　　　　　　　　　　toggle(className) 有则删除，没有则添加

　　　　var div = docuemnt.querySelector('div.container'); // 获取元素

　　　　div.classList.add('container-sm');

posted on 2016-03-07 23:07  梦见世界 阅读( ...) 评论( ...) 编辑 收藏

转载于:https://www.cnblogs.com/lifeisshort/p/5252368.html