js中获取元素的几种方式：

第一种方法：仅获取一个元素

语法：document.querySelector('css选择器')

返回值：选择器选中的第一个元素，如果没有匹配到，则返回null，获取元素后可以直接操作

第一种方法：获取多个元素

语法：document.querySelectorAll('css选择器')

返回值：一个伪数组，如果没有取到值，那也是返回一个空的伪数组，但并不是null

注意点：获取元素后不能直接操作修改，因为返回但是一个伪数组，所以想要得到里面但每一个对象，需要通过遍历数组for方式后才可以进行操作

let mya = document.querySelector('.mya')      //获取页面中带有mya类名的元素
let arr = document.querySelectorAll('span')    //获取页面中带有span标签的所有元素

其他不常用的获取元素的方式：

 let id = document.getElementById('myh2')    //获取的是一个ID元素，只能获取第一个
    console.log(id);

 let leiming = document.getElementsByClassName('mya')  //获取带有mya类名的元素 数组
    console.log(leiming);

 let biaoqian = document.getElementsByTagName('span') //获取带有span标签的元素 数组
    console.log(biaoqian);