Javascript常用的获取dom元素的方法

Javascript常用的获取dom元素的方法

1. 通过ID获取 （document.getElementById(“id名”)) 获取的是单个元素
2. 通过Class类名获取 (document.getElementsByClassName(’'类样式名") 以类数组形式存在
3. **通过标签名获取 (document.getElementsByTagName(’'标签名") 以类数组形式存在
4. **通过Name属性获取 (document.getElementsByName(“name名”） 以类数组形式存在
5. 获取html的方法（document.documentElement）
6. 获取body的方法 （document.body)

特别的两种

• 通过css选择器获取 (document.querySelector)
• eg: 获取id为 app 的元素 document.querySelector(’’#app")
• 获取一组元素 （doucment.querySelectorAll） 用法与querySelector相同，只是匹配的是所有的元素

类名操作：
Node.classList.add(‘class’) 添加class
Node.classList.remove(‘class’) 移除class
Node.classList.toggle(‘class’) 切换class，有则移除，无则添加
Node.classList.contains(‘class’) 检测是否存在class

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