HTML5资料之DOM扩展

◆ 获取元素：

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

◆ 类名操作：

• node.classList.add()：添加类名
• node.classList.remove()：删除类名
• node.classlist.contains()：判断是否包含指定的类名
• node.classList.toggle()：切换指定的类名

注：node指一个有效的DOM节点

◆ 自定义属性：

自定义属性格式：data-*=""

data-info="我是自定义属性"

node.dataset以类对象形式存在，可以通过如下方式获取自定义属性的值

node.dataset['info'] 

注：当我们如下格式设置时，则需要以驼峰格式才能正确获取data-my-name=“itcast”，获取Node.dataset[‘myName’]