getElementsByClassName()与getElementById()两个方法的返回值区别

getElementsByClassName()与getElementById()两个方法的返回值区别_第1张图片
在这里插入图片描述
在这里我们可以很清楚的理解为什么获取div1时添加了一个[0],但是明明类名为box1的元素只有一个时,这里也要添加[0]呢?
这是因为获取div2时通过类名获取返回的本身是一个数组,只有通过[0]才能单独获得其中的元素。
getElementsByClassName()与getElementById()两个方法的返回值区别_第2张图片
这是添加了【0】的返回值
下面是不添加【0】的
在这里插入图片描述
返回:
getElementsByClassName()与getElementById()两个方法的返回值区别_第3张图片

你可能感兴趣的:(#javascript,前端心得笔记)