H5中的小功能

**

classList方法：

**
这个方法可以操作class，在原来的H4等，我们如果想要操作类会比较麻烦
在H5中我们添加一个类：
testNode.classList.add(" ");
**

删除一个类：

**
testNode.classList.remove(" ");
**

切换的方法：

**（如果没有就新增，如果有就删除）
testNode.classList.toggle(" ");

**

H5中获取自定义属性值：

**
dataset方法：
例：
我们在使用这个方法是，我们的命名要以data-开头

获取我们自定义的属性： testNode.dataset.box 这个返回值为lzh

例：

testNode.dataset.boxSmall 如果自定义属性名长，我们在使用时符合驼峰命名发，如例

**

可编辑属性：

**
我们在以前，我们在盒子里写入文字，在浏览器打开我们是不可以编辑盒子内的文字的
在H5中我们有一个属性contenteditable，语法;
contenteditable = “true”;
这时盒子里的文本内容在浏览器上就可以进行编辑