原生JS获取HTML DOM元素的8种方法

var box = document.getElementById('id')  //通过ID获取 
//上下文必须是document，必须传参数，参数是string类型，是获取元素的id。返回值只获取到一个元素，没有找到返回null。

var box=document.getElementsByName('name')  //通过name属性获取
//上下文必须是document。内容必须传参数，参数是是获取元素的name属性。返回值是一个类数组，没有找到返回空数组。

var box=document.getElementsByTagName('div')  //通过标签名获取
//上下文可以是document，也可以是一个元素，注意这个元素一定要存在。参数是是获取元素的标签名属性，不区分大小写。返回值是一个类数组，没有找到返回空数组

var box=document.getElementsByClassName('animated')  //通过类名获取
//上下文可以是document，也可以是一个元素。参数是元素的类名，多个类名用空格分隔。返回值是一个类数组，没有找到返回空数组。

var box=document.querySelector('.animated')  //通过选择器获取一个元素
//上下文可以是document，也可以是一个元素。参数是选择器，如：”div .className”。返回值只获取到第一个元素。

var box=document.querySelectorAll('.animated')  //通过选择器获取一组元素
//上下文可以是document，也可以是一个元素。参数是选择器，如：”div .className”。返回值是一个类数组。

获取html的方法（document.documentElement）

专门获取html标签  (document.documentElement)

获取body的方法（document.body）

专门获取body 标签  (document.body)