// 1. 查询单个元素: document.querySelector('选择器')
// 1.如果选择器存在, 则获取DOM对象
// 2.如果选择器不存在, 则获取null
// 2. 查询所有元素: document.querySelectorAll('选择器')
// 1.如果选择器存在, 则获取 伪数组
// 2.如果选择器不存在, 则获取空数组
// 3. querySelector() 和 querySelectorAll() 区别
// 3.1 querySelector() 返回一个dom对象, 可以直接修改
// 3.2 querySelectorAll() 返回一个伪数组, 不可以直接修改。 需要通过下标获取里面的dom对象才可以修改