1.获取元素
1.1 根据ID获取元素
document.getElementById('id')  //返回值：元素对象 或 null
1.2 根据标签名获取元素
document.getElementsByTagName('标签名')/element.getElementsByTagName('标签名')   //返回值：元素对象集合（伪数组，数组元素是元素对象）,没有获取到返回空数组//标签名是不唯一的，所以返回的是数组形式
console.dir() 可以打印返回的元素对象，更好的查看里面的属性和方法。

1.3 H5新增获取元素方式
document.getElementsByClassName('类名') //根据类名返回元素对象集合document.querySelector('选择器')/element.querySelector('选择器') //根据指定选择器返回第一个元素对象,里面的选择器需要加符号 .box  #nav;获取不到返回nulldocument.querySelectorAll('选择器')/element.querySelectorAll('选择器') //根据指定选择器返回所有元素对象集合(伪数组)，没有获取到返回空数组
1.4 获取特殊元素
document.body  //获取body元素对象document.documentElement //返回HTML元素对象

1.获取元素
1.1 根据ID获取元素
document.getElementById('id')  //返回值：元素对象 或 null
1.2 根据标签名获取元素
document.getElementsByTagName('标签名')/element.getElementsByTagName('标签名')   //返回值：元素对象集合（伪数组，数组元素是元素对象）,没有获取到返回空数组//标签名是不唯一的，所以返回的是数组形式
console.dir() 可以打印返回的元素对象，更好的查看里面的属性和方法。

1.3 H5新增获取元素方式
document.getElementsByClassName('类名') //根据类名返回元素对象集合document.querySelector('选择器')/element.querySelector('选择器') //根据指定选择器返回第一个元素对象,里面的选择器需要加符号 .box  #nav;获取不到返回nulldocument.querySelectorAll('选择器')/element.querySelectorAll('选择器') //根据指定选择器返回所有元素对象集合(伪数组)，没有获取到返回空数组
1.4 获取特殊元素
document.body  //获取body元素对象document.documentElement //返回HTML元素对象