api - 获取元素

获取单个元素

    let span =  document.querySelector('span')
    获取第一个span标签

    let class = document.querySelector('.类名')
    根据class类名来获取元素

    let id = document.querySelector('#id')
    根据id名字来获取元素

    过时方法：
    根据id来获取元素
    let myh2 = document.getElementById('myh2')

    根据类名来回去元素
    let mya = document.getElementsByClassName('mya')

    根据标签来获取元素（伪数组）
    let spans = document.getElementsByTagName('span')

    根据name属性来获取元素
    let name = document.getElementsByName('name')

获取多个元素（伪数组）

    获取到ul下面的子元素li元素
    let lis = document.querySelectorAll('ul > li')
    也可以这样
      let nav2 = document.querySelector('ul')
      // 查找指定父容器中的子元素
      let lis = nav2.querySelectorAll('li')
    
    单引号之间的内容获取跟css样式的获取一样

伪类选择器的获取

    获取到button中有disabled属性的元素
    document.querySelectorAll('button:disabled')
    
    获取input中有checked属性的元素
    document.querySelectorAll('元素:checked')