document.getElementBy...和documen

document.getElementBy...

获取的是动态集合

用法：

document.getElementsByTagName('p');

document.getElementById('p1');

document.getElementsByClassName('text');

document.querySelector

获取的是静态集合

用法：匹配指定 CSS 选择器元素，可以匹配多个，用，隔开

document.querySelector（'.text'）；  //方法返回类名为text的第一个子元素 。

document.querySelectorAll（'.text'）；  //方法返回类名为text的所有元素 。

来个例子：