document.getElementBy...
获取的是动态集合
用法:
document.getElementsByTagName('p');
document.getElementById('p1');
document.getElementsByClassName('text');
document.querySelector
获取的是静态集合
用法:匹配指定 CSS 选择器元素,可以匹配多个,用,隔开
document.querySelector('.text'); //方法返回类名为text的第一个子元素 。
document.querySelectorAll('.text'); //方法返回类名为text的所有元素 。
来个例子: