删除：节点.classList.remove(“类名”)；
以tab切换为例：
在写tab切换的时候，通常我们会给选中的tab设置不同的样式，常用的方法是给被选中的tab新增一个class名，然后改这个class名的样式。
比如 起一个class名叫“active”
.active{
color: #FFD113 !important;
在html代码中给首页（默认选中）加上class名active
<a class="tab_item active">
<span class="iconfont icon-shouye"></span>
<span class="tab2">首页</span>
效果是这样的：
在点击切换的过程中，我们需要给被选中的子选项添加“active”，然后让其它子选项删除“active”名。
该怎么做呢？
首先，通过JS取到所有tab的节点
var arr = document.getElementsByClassName("tab_item");
然后只需在被选中的子节点加上.classList.add(“类名”)，比如：
arr[i].classList.add("active");
这样就给当前子选项卡添加了“active”类名。
然后我们把其他的选项卡的“active”移除，只需要在其他子节点的后面加上.classList.remove(“类名”)，比如：
arr[j].classList.remove("active");
这样就实现了我们想要的功能。
当然也可以通过其他方法(少用)，比如下面：
Rails的类名-来自的gem包派生。 一个简单的javascript实用程序，用于有条件地将classNames连接在一起。
将此行添加到您的应用程序的Gemfile中：
gem 'classnames-rails'
然后执行：
$ bundle
或将其自己安装为：
$ gem install classnames-rails
记住！！ 在application.js添加以下行
//= require classnames
如果需要使用重复数据删除版本（可选）
//= require classnames-dedupe
但是请注意，它比原始版本慢（10倍）。
就是这样，您现在可以在Rails中使用classNames 。
在javascript文件中，您可以一起建立复杂性类名称，例如：
var navClass = class
内容区-卡片
todo的列表内容，外侧包裹一个content类名，不然会挤到上部;
查找按钮类名添加，样式button button-success button-fill
将时间戳存储本地，取出后使用过滤器将时间格式化，显示在页面上
1.寻找关键数据
这里我们使用了对象的格式，需要有key，
点击V按钮是否显示：有没有完成和这条todo有关系，所以定义在对象里面
2.将关键数据与视图建立联系
添加:class类，控制样式 (:class与后面的class不冲突) 这里写的是对象的格式
3.通过控制数据来控制视图效果
通过点击改变isFinished的布尔值,因为要存储本地,所以写了一个finishTodo方法，完成改变
删除按钮
1.寻找关键数据
点击按钮删除这条数据-->写一个方法，这里需要
截至2018年8月18日，此项目已折旧且未维护。
在React版本0.13.0中，已React.addons.classSet ；在React版本4.0中，已从React软件包中删除了附加组件。
我建议使用包作为替代。
通过允许指定基类，该模块为React中的添加了附加功能。
当表达式为true时，此组件将始终以.foo基类呈现，并具有.bar和.baz的类。
render: function() {
var classes = this.getClass('foo', {
'bar': this.props.bar === true,
'baz': this.props.baz === true
return (
<div className={classes}></div>
一个用于处理DOM元素类的小型库。 可用于获取，检查，删除，添加和切换类名称。
通过npm安装：
$ npm install dom-class-helper --save
addClass需要dom元素和类名。 返回true / false，这取决于是否添加了类。
removeClass需要dom元素和类名。 返回true / false，具体取决于是否删除了该类。
hasClass需要dom元素和类名。 返回一个布尔值（如果存在或不存在）。
toogleClass需要dom元素和类名。 切换类名称。
findClass需要一个dom元素和一个类名。 以数组形式返回元素。
// ES6
import DomClassHelper from 'dom-class-helper';
const elements = DomCl
下面介绍一下如何给一个节点添加和删除class名
添加：节点.classList.add(“类名”)；
删除：节点.classList.remove(“类名”)；
以tab切换为例：
在写tab切换的时候，通常我们会给选中的tab设置不同的样式，常用的方法是给被选中的tab新增一个class名，然后改这个class名的样式。
比如 起一个class名叫“active”
.active{
color: #FFD113 !important;
在html代码中给首页（默认选中）加上class名active
获取元素.className = "类名1 类名2 ..."多个类名用空格隔开
移除类名
获取元素名.className = " "直接等于一个空字符串即可删除类名
2.通过classList来添加、删除类名
添加一个类名
获取元素名.classList.add("类名");
添加多个类名用逗号隔开
获取元素名.classList..add("类名1","类名2","类名3",...); 每个类名需要用引号引起来
移除一个类名
获取元素名.classLi
ul>li 标签属性中 的index属性值是串联起ol>li与ul>li的关键，通过调用相同索引下标的数组中的不同属性的属性值达到切换内容的效果。
通过事件委托找到对应的ul>li 进行css属性的删除与新增做到背景颜色改变和内容改变的效果。
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<meta http-
<meta charset="utf-8">
<title></title>
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></scri...
增加document.getElementGetById('id').classList.add('a')
删除document.getElementGetById('id').classList.remove('a')
通过上面的方法可以对选中某个id的元素然后进行class类名的增删操作
PS：参考链接 https://www.w3school.com.cn/htmldom/met_select_remove.asp
对于selectObject.remove(index)方法，以select元素为例，
若指定index，则只删除其中的某一项；
若不指定index，则删除整个sele
className
在JS中，我们可以通过 元素名.className 来获取和设置类名。但是，当className中类名较多，
我们需要删除其中一个类名时，就需要先将获取到的类名字符串通过空格转成数组，然后用indexOf判断
类名的索引值，最后通过splice方法删除
例： 点击删除div中box的class名
<div class="a b c box d e f">
