1.querySelector 返回文档中匹配指定css选择器的一个元素.
注意：uerySelector() 方法仅仅返回匹配指定选择器的第一个元素
如果你需要返回所有的元素，请使用 querySelectorAll()
语法：document.querySelector(CSS selectors)
2.getElementsByClassName() 方法返回文档中所有指定类名的元素集合
语法：document.getElementsByClassName(classname)
3.classList
classList 属性返回元素的类名，作为 DOMTokenList 对象。
该属性用于在元素中添加，移除及切换 CSS 类。
classList 属性是只读的，但你可以使用 add() 和 remove() 方法修改它。
语法： element.classList
属性： length 返回类的数量，只读。
方法：
1. add(class,class2..) 在元素中添加一个或多个类名
2.contains(class) 返回布尔值，判断指定的类名是否存在 可能值：
true - 元素包已经包含了该类名
false - 元素中不存在该类名
3.item(index) 返回类名在元素中的索引值。索引值从 0 开始。
如果索引值在区间范围外则返回 null
4.remove(class1,class2,...) 移除元素中一个或多个类名
5.toggle(class,true| false) 在元素中切换类名
第一个参数为要在元素中移除的类名，并返回 false。
如果该类名不存在则会在元素中添加类名，并返回 true。
第二个是可选参数，是个布尔值用于设置元素是否强制添加
或移除类，不管该类名是否存在
4.eval()
eval() 函数计算JavaScript 字符串,并把它作为脚本代码来执行
如果参数是一个表达式，eval() 函数将执行表达式
语法：eval(string)
参数： string 必须。要计算的字符串，其中含有要计算的 JavaScript 表达式或要执行的语句
5.parse()
方法用于将JSON 字符串转换为对象。
语法： Json.parse(text[,reviver])
参数： text必须，一个有效的JSON 字符串。
reviver 可选一个转换结果的函数， 将为对象的每个成员调用此函数
返回给定JSON 字符串转换后的对象。
6.stringify
用于将 JavaScript 值转换为 JSON 字符串。
语法: JSON.stringify(value[,replacer[,span]])
value:
必需， 一个有效的 JSON 字符串。
replacer:
可选。用于转换结果的函数或数组。
如果 replacer 为函数，则 JSON.stringify 将调用该函数，并传入每个成员的键和值。使用返回值而不是原始值。如果此函数返回 undefined，
则排除成员。根对象的键是一个空字符串：""。
如果 replacer 是一个数组，则仅转换该数组中具有键值的成员。成员的转换顺序与键在数组中的顺序一样。当 value 参数也为数组时，
将忽略 replacer 数组。
space:
可选，文本添加缩进、空格和换行符，如果 space 是一个数字，则返回值文本在每个级别缩进指定数目的空格，如果 space 大于 10，
则文本缩进 10 个空格。space 有可以使用非数字，如：\t。
返回值:返回包含 JSON 文本的字符串。
7.自定义对象属性：
html5中可以通过data- 前缀就成为data 属性，
也可以应用CSS属性选择器进行样式设置。数量不受限制，在控制和渲染数据的时候提供了非常强大的控制
dataset 获取属性值：
