获取元素

1.1 ID（返回元素对象）

let id = document.getElementById('id')

1.2 标签名（返回 获取元素对象的集合 以伪数组的形式存储）

let tag = document.getElementsByTagName('div')
// 如果是获取指定某个父元素内部的子元素
// 父元素必须是单个对象（指明哪个元素对象）获取的时候不包括父元素自己

// element.getElementsByTagName('标签名')
let ol = document.getElementsByTagName('ol')
ol[0].getElementsByTagName('li')

// 常用
let ol = document.getElementById('ol').getElementsByTagName('li')

1.3 HTML5新增的方法

// 1.3.1 根据类名获取某些元素集合
let box = document.getElementsByClassName('box')

// 1.3.2 根据选择器返回第一个元素对象
let firstBox = document.querySelector('.box')
let firstNav = document.querySelector('#nav')
let firstLi = document.querySelector('li')

// 1.3.3 根据选择器返回所有元素对象的集合
let allBox = document.querySelectorAll('.box')

1.4 特殊元素(body,html)

let body = document.body
let html = document.documentElement