DOM：Document Object Model（文档对象模型）
是HTML文档对象模型（HTML DOM）定义的一套标准方法，用来访问和操纵HTML文档
兼容低版本浏览器 比如ie8 以及 以下
通过id属性获取对象
console.log( document.getElementById('dom1') )
通过标签名获取对象
getElementsByTagName是获取到元素的集合
通过下标来选取对应的元素
console.log( document.getElementsByTagName('div')[2] )
通过class属性获取对象
getElementsByClassName也是一个元素集合
通过下标来选择元素
console.log( document.getElementsByClassName('classdom')[1] );
适合用于高版本浏览器
通过querySelector获取含有指定id选择器的元素
console.log( document.querySelector('#dom1') )
通过querySelector获取含有指定class选择器的元素 含有相同class的元素有很多
但是只获取第一个
console.log( document.querySelector('.classdom') )
通过querySelector获取含有指定元素选择器的元素 有多个元素能匹配上
但是只能获取到第一个
console.log( document.querySelector('div') )
使用querySelectorAll可以获取多个含有对应元素选择器的dom元素
通过下标可以选择第几个 */
使用querySelectorAll可以获取多个含有对应类选择器的dom元素
