HTML5DOM红蓝盒子,HTML5 DOM扩展

获取元素

1.document.getElementsByClassName('class')通过类名获取元素，以类数组形式存在

2.document.querySelector('div')通过CSS选择器获取元素，符合匹配条件的第一个元素

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

Node指一个有效的DOM节点，是一个通称

自定义属性

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

tab栏练习