获取元素
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栏练习