DOM（Document Object Model），文档对象模型。作用：开发网页内容特效和实现用户交互
可以简单理解，DOM是浏览器提供的一套专门用来操作网页内容的方法
通过DOM获取过来的标签，对于JS来说都是对象，都有属性和方法。如果没有获得过来，就是null
1. 通过选择器，获取一个元素
document.querySelector('选择器');
// 获取符合条件的第一个元素，返回值是dom元素，id带#；类带.
2. 通过选择器，获取一组元素
document.querySelectorAll();
// 获取同类标签所有元素，返回值是一个伪数组
3. 通过Id
document.getElementById('id属性值');
//获取元素不用加#号，获取的是DOM元素本身
4. 通过标签名
document.getElementsByTagName('标签名');
// 根据标签名获取一类元素，返回值是伪数组，即使标签只有一个，返回的是伪数组
5. 通过class
document.getElementsByClassName('class类名');
// 根据类名获取元素，获取页面所有类名相同的元素，返回值是伪数组，要想获得某一个，通过下标获得
6. 通过name属性名的值
document.getElementsByName('name属性的值');
//根据元素name属性的属性值获得元素，返回值是一个伪数组，如果多个元素name属性值一样，就获得包含多个元素的伪数组
7. document.getElementsByTagNameNS('命名空间名称','标签名');
// 返回带有指定名称和命名空间的所有元素的一个节点列表，是一个只读数组，只有使用命名空间的 XML 文档才会使用它。
8. document.getSelection();
// 页面中获取用户当前选择的文本范围或光标的当前位置，Selection对象代表当前激活选中取
9. document.getRootNode();
// 返回节点对象的根节点，返回值是根节点对象
10. document.getAnimations();
// 获取动画对象，返回值是一个数组，包含当前有效的所有动画对象，该数组包括CSS动画、CSS过渡和Web动画
