元素获取
1、document.getElementsByClassName (‘class‘) 通过类名获取元素，以类数组形式存在。
2、document.querySelector(‘div’) 通过CSS选择器获取元素，符合匹配条件的第1个元素。
3、document.querySelectorAll(‘selector‘) 通过CSS选择器获取元素，以类数组形式存在。
类名操作
1、Node.classList.add(‘class‘) 添加class
2、Node.classList.remove(‘class‘) 移除class
3、Node.classList.toggle(‘class‘) 切换class，有则移除，无则添加
4、Node.classList.contains(‘class‘) 检测是否存在class
自定义属性
1、自定义属性格式：data-*=""，例如data-info="informant"。
2、自定义属性获取：上例，通过Node.dataset[‘info‘] 我们便可以获取到自定义的属性值informant
3、Node.dataset是以类对象形式存在的当我们如下格式设置时，则需要以驼峰格式才能正确获取：data-my-name="itcast"，获取Node.dataset[‘myName‘]
html5——DOM扩展
原文地址：http://www.cnblogs.com/wuqiuxue/p/8043468.html