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;

猜你喜欢

转载自blog.csdn.net/Bigbullwang/article/details/84926371