document.getElementsBy...之间的区别

document.getElementsById获取到的是单个节点元素：通过控制台打印节点可以看到如下信息：

截图开头处的含义为：一个id为game_startId、class为game_start的元素button。通过document.getElementsById获取到的对象可以直接通过语法：对象.属性对对象进行操作，如对象.onclick,对象.style；

而通过document.getElementsBy(ClassName、TagName、Name)获取到的是一个包含一到多个节点元素的数组：通过控制台打印节点可以看到如下信息：

截图开头处的含义为：HTML元素集合里面包含一个节点元素，该节点元素为一个id为game_startId、class为game_start的元素button。通过document.getElementsBy(ClassName、TagName、Name)获取到的集合对象也是直接通过语法：对象.属性对对象进行操作，但是由于是数组，所有​​​​必须先获取数组的index下标属性再获取下标属性里面的属性对对象进行操作，如集合对象elements[0].onclick,集合对象elements[0].style；