获取元素

• document.getElementsByClassName ('class') 通过类名获取元素，以类数组形式存在。
• document.querySelector(‘div’) 通过CSS选择器获取元素，符合匹配条件的第1个元素。

• document.querySelectorAll('selector') 通过CSS选择器获取元素，以类数组形式存在。

  类名操作

• Node.classList.add('class') 添加class
• Node.classList.remove('class') 移除class
• Node.classList.toggle('class') 切换class，有则移除，无则添加

• Node.classList.contains('class') 检测是否存在class
  Node指一个有效的DOM节点，是一个通称。

  自定义属性

  在HTML5中我们可以自定义属性，其格式如下data-*=""，例如
  data-info="我是自定义属性"，通过Node.dataset['info'] 我们便可以获取到自定义的属性值。
  Node.dataset是以类对象形式存在的
  当我们如下格式设置时，则需要以驼峰格式才能正确获取
  data-my-name="itcast"，获取Node.dataset['myName']