老师讲讲querySelector和getElementBy系列的区别

你好同学，区别如下：

1.getElementByxxxxx系列是通过标签名或者id名或者类名方式获取元素，而querySelector是通过选择器获取元素。

2.querySelector(‘.className') 方法返回匹配指定 CSS 选择器元素的第一个子元素 。 即返回第一个.className元素。如果要返回所有的，需要使用 querySelectorAll(‘.className') 方法替代。

而像getElementsByClassName（"className"）返回成一个类数组，里面保存所有className元素。

3.querySelector选择出来的元素及元素数组是静态的，而getElementxxx这种方法选出的元素是动态的。静态的就是说选出的所有元素的数组，不会随着文档操作而改变。使用的时候getElementxxx这种方法会随着文档操作而改变。假如通过getElementsByClassName获取className元素，后面的代码中增加了一个className元素。那么前面获取的类数组中也会动态更新增加一个元素哦。

祝学习愉快，望采纳。